欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

css review

程序员文章站 2022-04-13 22:41:16
...
重点:
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教程有兴趣的朋友有所帮助。