css review

WBOY
WBOYoriginal
2016-08-08 09:28:241413parcourir

重点:
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教程有兴趣的朋友有所帮助。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn