005CSS深入

1.后代选择器

div span{}

2.并集选择器

div,span,h1{}

3.制定标签式

div.div1{}

p.p2{}

4样式权重

1).外链和内嵌权重相同,先写的会被后写的覆盖

权重最高!important

2).复合选择器权重:

标签 1

class 10

id 100

权重相同时,后写的覆盖前写的.

外链和内嵌权重相同时,后写的覆盖先写的,

内嵌权重最大,覆盖样式使用!important

4.文字控制属性

font-weight:normal / bold

font-style: normal/italic

text-decoration:underline/overline/line-through/none

word-break:break-all

text-ident:2em

:hover 伪类,鼠标悬停

5.行高p{width:200px;height:200px;background:pink;line-height:50px}

6.边框

border-top

border-right

border-bottom

border-left

7.盒子模型

padding/border/margin

宽高+2边框大小+2内边距+2外边距=盒子模型

8.html5标签

<header></header>

<nav></nav>

<aside></aside>

<article></article>

<footer></footer>