css文本样式属性
字体样式
字体样式第一个属性是font-family,该属性用于指定文字的字体类型,如宋体、黑体、隶书、楷体、Times New Roman等。具体的语法如下: {font-family:name;} 其中,name是字体的名称。 第二个属性是font-size,该属性用来设置文字的大小。具体的语法格式如下: {font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;} 这些参数代表的意义分别是:像素数值、最小、较小、小、正常、大、较大、最大、相对字体尺寸、相对字体尺寸、百分比、继承。 第三个属性是font-style,该属性是用来定义字体的风格,即字体的显示样式。具体的语法如下: {font-style: normal | intalic | oblique | inherit;} 其中属性值分别表示默认值、斜体、倾斜、继承。 第四个属性是font-weight,该属性用来定义字体的粗细程度,具体的语法如下:{font-weight: 100-900 | bold | bolder | lighter | normal;} 其中的属性值分别表示数值、粗体、更粗、更细、默认。 第五个属性是font-variant,该属性用于设置大写字母的字体显示。具体的语法格式如下:{font-variant: normal | small-caps | inherit;} 其中的参数值分别表示默认值、显示小型大写字母的字体、继承 第六个属性是font, 该属性可以一次性使用多个属性来定义文本字体,是字体的复合属性。具体语法如下:{font: font-style | font-variant | font-weight | font-size | font-family;} 第七个属性是color,属性用来设置字体的颜色。具体的语法格式如下: {color:name;}
文本外观属性
文本外观属性一、text-indent 该属性可以方便地实现文本缩进。 通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。 这个属性最常见的用途是将段落的首行缩进,下面的规则的值使用了em、百分比、负值、和像素(如果设置为负值,则往左边缩进该数值): 二、text-align text-align 是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式 三、word-spacing word-spacing 属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。 word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近 四、letter-spacing letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。 与 word-spacing 属性一样,letter-spacing 属性的可取值包括所有长度。默认关键字是 normal(这与 letter-spacing:0 相同)。输入的长度值会使字母之间的间隔增加或减少指定的量 五、text-transform 该属性用来改变文本的格式 六、text-decoration text-decoration 有 5 个值: none underline overline line-through blink 这是一个很有意思的属性,它提供了很多非常有趣的行为
css高级特性
css高级特性 样式表层叠通过四种方式进行,如果样式表相同,那么会产生冲突替换,这时,他的优先级顺序就比较重要, (1):浏览器样式(元素自身携带的样式): (2):外部引入样式(使用引入样式): (3):元素内嵌样式(使用