2016.12.4
1、样式的种类:内部样式表、外部样式表、内联样式规则
2、link。描述两个文档之间的关系,与a元素不同,link是自动关联的,无需用户点击
3、字体与字型。字型是一个字体族,如Arial字体族,字体是字体族的一个特定成员
4、font-family。用于指定字型
5、font-size。
长度单位:px、em、ex、pt、in、cm、pc、mm、rem、vw、vh
绝对尺寸:xx-small、x-small、samll、medium、large、x-large、xx-large
相对尺寸(与周围文本):smaller、larger
百分比(相对于父元素):
6、font-weight。字体的粗细,取值:normal、bold、bolder、lighter、100、200。。。。。。900
7、font-style。normal、italic(倾斜)、oblique(伪倾斜,与倾斜效果一样)
8、font-variant。取值:normal、small-caps(将会以小型大写字母显示)
9、color。文本颜色
10、text-align:left、right、center、justify
11、text-decoration。Underline、overline、line-through
12、text-indent。缩进,2em
13、text-shadow。用于创建投影。(c,x,y,i)值:c(颜色) x(投影的横距离) y(投影的垂直距离) i (i为模糊程度,i值越大越模糊) px
14、text-transform。None(不改变)capitalize(每个单词首字母大写)uppercase(全为大写)lowercase(全为小写)
15、letter-spacing。字符间的间隙,为负值时为减的意思
16、word-spacing。单词间的距离,为负值时为减的意思
17、white-space。Normal(正常的空格压缩)、pre(与pre元素效果相同)、nowrap(只有显示的使用<br>元素时才换行)
18、direction特性。次效果与使用dir属性相似。ltr、rtl(但是他的完全停滞符回显示在左边)、inherit(继承父元素的文本流向)
代码:
<div style="direction: rtl;">wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwws,?</div> |
效果:
19、first-letter伪类。指定适用元素的首字符样式。例如:p:first-letter{color:red},将会使p元素的第一个字符颜色为红色。
20、first-line伪类。指定适用于元素的第一行样式。
选择器
21、*。通用选择器
22、h1、h2、h3 。类型选择器
23、#id。Id选择器
24、p>b。子选择器,p元素下的直接b元素样式、
25、p b。后代选择器,作用于p元素的所有b元素
26、span+p。相邻兄弟选择器。Span后的第一个同级p元素样式
27、span~p。一般兄弟选择器。Span元素后的所有同级p元素的样式。注意:span前的不起作用
特性选择器(元素包含的特性及取值)
28、p[id]。存在选择器。任何带有id特性的p元素
29、p[id=”s”]。相等选择器。任何带有id特性且id值为s,的p元素
30、p[class~=”p”]。空格选择器。Class特性中带有p,的p元素特性