码迷,mamicode.com
首页 > Web开发 > 详细

CSS权威指南(复读1)

时间:2015-06-05 19:25:51      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

元素(element)是文档结构基础

1.在CSS中,至少在css2.1中,意味着每个元素生成一个框;

2.元素显示角色:块级(block-level)元素和行内(inline-level)元素;

3.块级元素(默认的)它会填充其父元素的内容区,旁边不能有其他的元素;换句话说,它在元素框之前和之后生成了“分隔符”。

列表项是块级元素的特例;

4.行内元素在文本行内生成一个元素框;而不会打断这行文本。(行内元素最好的例子:a标签,strong,em都是行内元素;所以可以在出现在另一个元素的内容中,而不会破坏其显示;)

----在html和Xhtml中,块级元素不能继承自行内元素(即:不能嵌套在行内元素中);

CSS的display属性:block,inline,list-item,none,run-in,table,inline-table,table-row-group,table-header-group,table-footer-group,table-row,table-column-group,table-column,table-cell,table-caption,inherit;

-----行内元素可以继承块元素,而反之则不可以;

4.属性选择器

[foo^="bar"]选择foo属性以"bar"开头的所有元素

[foo$="bar"]选择foo属性以"bar"结尾的所有元素

[foo*="bar"]选择foo属性包含子串"bar"的所有元素

5.伪类和伪元素

a:visited的冒号是伪类或者伪元素的“名片”

伪类顺序很重要(通常):line-visited-focus-hover-active 

p:first-child

伪元素能在文档中插入假想的元素,从而得到某种效果;

css2.1中定义了四个伪元素:p:first-letter/ first-line/before/after

 

6.inherit使一个属性的值与其父元素的值相同;在大多数情况下,不必指定继承;因为大多数属性本身会自然的继承;

 

7.浮动(p299)/位置/内容溢出和裁剪/表布局/多媒体

CSS权威指南(复读1)

标签:

原文地址:http://www.cnblogs.com/he0xff/p/4554337.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!