css review
-
原创
-
2016-08-08 09:28:24
991浏览
重点:
span.XXX{...}
建立无表格的首页
1.样式
p{backgroundcolor:grey}
p{textindent:5em}
p{text-align:center}
p{font-family:sens serif}
p{link:color #FFF000}
ul li{list-style-image:url[xxx.jpg]} 列表标志
table{border-collapse:1px solid blue} 表格单边框
2.框模型
*{margin:0;
border:0}
{padding-left:20%}
p{border-style:solid solid solid none}
p{margin:0.25in}
3.定位
div h1 p被成为块元素
span strong呗称为行内元素 (通过将 display 属性设置为 block)
eg: (本段包含了单独的蓝色单词。)
相对定位 eg: h2.pos_left
{ position:relative;
left:-20px }
绝对定位 流动 absolute float
4.选择器
h2 {color:silver;}
合并选择:body, h2, p, table, th, td, pre, strong, em {color:gray;}
类选择:
This heading is very important.
This paragraph is very important.
.important {color:red;}
ID选择器:
This is a paragraph of introduction.
设置 #intro {font-weight:bold;}
属性选择器
想选择有 moons 属性的所有 planet 元素，使之显示为红色,但第一个元素的文本不是红色
Venus
Earth
后代选择器
把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本（如段落或块引用中的 em）则不会被这个规则选中
h1 em {color:red;}
选择子元素
h1 > strong {color:red;}
选择相邻兄弟
h1 + p {margin-top:50px;}
伪类 (冒号)
a:link {color: #FF0000}
p:first-child {font-weight: bold;}
伪元素
p:first-letter
以上就介绍了css review，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
