使用css设置文本的字体通过什么属性

html-css018

使用css设置文本的字体通过什么属性,第1张

html的字体样式主要通过css的font-size以及font-family来定义的,标签详解如下:

font-size

指定字体大小,常用单位有em和px

font-family

指定使用的字体

常用的中文字体有微软雅黑和宋体,英文字体有Arial

可以同时指定多个字体,使用英文的逗号分隔,浏览器会按顺序查找,找不到就找下一个,全部没找到就使用系统默认的

字体用中文表示 则需要用双引号或者单引号分隔,英文字体一般不需要用引号,但是如果 有特殊字符的(如空格,反斜杠,#,$等)也需要使用引号

font-weight

字体粗细(bold相等于设置该属性的值为700,normal相等于设置该属性值为400–>不用单位,建议使用数字因为解析会更快)

fon-style

normal(一般用于让斜体不倾斜,em标签有加重强调的语义 但是字体会倾斜,可以为em 标签设置 font-style 属性值为 normal 取消其倾斜的效果)

字体样式可以连写

即 所有的字体样式 使用一个语句,但是有一定的语法规则和顺序

选择器 { font : font-style font-weight font-size/line-height font-family}

字体样式连写时需要注意:一定要按顺序写,可以有省略不写的样式但是一定要按顺序,而且font-size和font-family是不可以省略的,否则会不起作用

文本外观样式

color:字体颜色

预定义的颜色如green,red等

十六进制,顺序是红绿蓝,十六进制是最常用的颜色表示方式

#ff0000 表示红色,等同于#f00(缩写,必须是两两相同的才可以进行缩写);#00f表示蓝色;#0f0表示绿色;#fff表示白色(所有的颜色都满格),#000000即#000表示黑色(所有的颜色都没有)

RGB代码:rgb(255,255,255)表示白色

文本修饰:text-decoration:none、underlined(比较常用,用于添加下划线和取消下划线)

line-hight:行间距,一般情况下,行间距只需要比字体大小大7或8个像素就可以了

text-align:文本内容的水平对齐方式

text-indent:段落首行缩进,单位使用em,1em就是一个字,所以该样式值为2em 表示 段落首行缩进两个字符

1.粗细 font-weight作用:设置文字是否加粗显示。属性名:font-weight(属于 font 属性的一个单一属性)

2.字体风格 font-style作用:设置文字是否斜体显示。属性名:font-style(属于 font 属性的一个单一属性)

3.行高 line-height作用:设置的是一行文字实际占有的高度,文字字号在行高中是垂直居中的。属性名:line-height,属于 font 属性的一个单一属性。

4.字体综合 font字体、字号、行高、加粗、斜体都是font综合属性的单一属性。font属性五个单一属性的值可以进行合写,属性值可以有2到多个,值之间用空格进行分隔。

5、水平对齐 text-align作用:设置文本水平方向的对齐。在盒子中,不论文本是单行还是多行,都会对应方向对齐。

6、文本修饰 text-decoration作用:设置文本整体是否有线条的修饰效果。

7、文本缩进 text-indent作用:设置段落首行是否进行缩进。

语法:

text-decoration : none || underline || blink || overline || line-through

取值:

none : 默认值。无装饰

blink : 闪烁

underline : 下划线

line-through : 贯穿线

overline : 上划线

说明:

检索或设置对象中的文本的装饰。

有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。

对象 strike , s , del ,默认值是 line-through 。

假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。

假如对象没有文本(如 img 元素)或者是空元素(如:<EM></EM>), 此属性不会发生作用。

假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。

指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。

在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 textDecoration 。