【设置具体文字的字体,倾斜效果】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/css;charset=utf-8">
    <title>设置具体文字的字体</title>
</head>
<style type="text/css">
    .p1{
        font-family: "黑体", Verdana, "微软雅黑", "宋体",sans-serif;
        color: #ff1d31;
    }
</style>
<body>
<p class="p1">特定字体</p>

<p>默认字体</p>
</body>
</html>

HTML语言中的文字样式是通过<font face="字体名称">来设置的,而在CSS中,字体是通过font-family属性来控制。上面的示例中,代码的意思是让浏览器在用户的计算机中按顺序依次查询输入的字体样式,如果font-family所输入的字体样式在浏览者的计算机中没有记载,那么浏览器会自动使用默认字体。

一些字体的名称中间会有空格,这时需要将其用双引号引起来。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/css;charset=utf-8">
    <title>设置文字的倾斜效果</title>
</head>
<style type="text/css">
    .p1{
        font-style: italic;
    }
</style>
<body>
<p class="p1">特定字体</p>

<p>默认字体</p>
</body>
</html>

该属性对应的值有三个:normal(正常)、oblique(斜体)、italic(偏斜体).

时间: 2024-10-14 00:01:59

【设置具体文字的字体,倾斜效果】的相关文章

网页设计-7.1设置动态文字

使用marquee标记可以将文字设置为动态滚动的效果. 语法:<marquee>滚动的文字</marquee> 说明:只要在标记之间添加要进行滚动的文字即可,而且可以在标记之间设置这些文字的字体,颜色等 <html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="Edit

为什么只设置line-height就可以实现文本垂直居中效果

为什么只设置line-height就可以实现文本垂直居中效果:在实际应用中,如果让单行文本在元素中垂直居中,可以将元素的高度和行高值设置为相同即可.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> &l

iOS 字体滚动效果 ScrollLabel

写了一个简单的字体滚动效果. 用了一种取巧的方式,传入两个一摸一样的Label(当然也可以是别的视图), 话不多说,代码里面讲解. SEScrollLabel.h #import <UIKit/UIKit.h> /*! @brief 回调代码块 * * 当滚动效果持续loopsDone次之后,isFinished值会变为YES,执行代码块 * @param loopsDone 滚动效果执行次数 * @param isFinished 是否已经结束 */ typedef void (^PMAni

文字排版--字体(font-family)

我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性.下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体. body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体.(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.) 现在一般网页喜欢设置“微软雅黑”,如下代码: body{font-family:"Microsoft Yah

IOS中文字体斜体效果

/* 该代码用于解决在IOS开发,中文字体不能使用斜体的问题 对该控件进行旋转,因此如果控件有背景颜色/图片,也会跟着旋转 可将该控件设置背景透明,于Label下方再建一个有背景颜色的Frame相同的Label */ UILabel *lbl = [[UILabel alloc] initWithFrame:CGRectMake(100, 100, 200, 40)]; lbl.backgroundColor = [UIColor clearColor]; lbl.text = @"中文斜体&q

WP开发笔记——控件倾斜效果

创建一个基本的 Windows Phone 应用程序并添加 TiltEffect 类文件. 添加要倾斜的控件的分类. 全局应用 IsTiltEnabled 依赖项属性,以便为所有的指定控件提供倾斜功能. 对一个控件应用 SuppressTilt 依赖项属性,以抑制倾斜效果. 创建基本倾斜效果应用程序的步骤 从"开始"菜单启动 Visual Studio 2010 Express for Windows Phone. 通过选择"文件 | 新建项目"菜单命令来创建一个新

Android进阶(二十二)设置TextView文字水平垂直居中

设置TextView文字水平垂直居中 有2种方法可以设置TextView文字居中: 一:在xml文件设置:android:gravity="center" 二:在程序中设置:m_TxtTitle.setGravity(Gravity.CENTER); 备注:android:gravity和android:layout_gravity的区别在于前者对控件内部操作,后者是对整个控件操作. 例如:android:gravity="center"是对textView中文字居

[WinForm]为TextBox设置水印文字

关键代码: using System; using System.Runtime.InteropServices; using System.Windows.Forms; namespace WinFormUtilHelpV2 { /// <summary> /// 基于.NET 2.0的TextBox工具类 /// </summary> public static class TextBoxToolV2 { private const int EM_SETCUEBANNER =

[DevExpress]为TextEdit设置水印文字

关键代码: public static void SetWatermark(this TextEdit textEdit, string watermark) { textEdit.Properties.NullValuePromptShowForEmptyValue = true; textEdit.Properties.NullValuePrompt = watermark; } public static void ClearWatermark(this TextEdit textEdit