什么是行内元素和块元素？

1.行内元素，就是不用换行的元素。比如<a href='xxxx'>xxxx</a>,a标签是默认的行内元素。也可以用css样式，使其 变成块元素。比如 a{display:block;}行内元素是不能定义（top/bottom)padding的，定义了也没有效果。但要是已经把a标签改成block 。就可以接受top/bottom padding 和top/bottom margin 了；

2.块元素，比如<p>标签，使用页面前后自动换行的。

没个css 样式都包含两个基本的部分。1是选择器，2声明块

选择器，主要有多种分类。

a,标签选择器，或者叫元素选择器，如 常见的 a{}p{}li{} ul{} ol{} input{}h1{} span{}

h2{

font-family:"Century Gothic","Gill Sans",sans-serif;

color:#000000;

margin-bottom:0;

}

标签选择器，定义整个网页上所以的标签。

b,类选择器，精确控制某已特定的标签,css定义以点开始跟类名。如

.special{

color:#000000;

font-family:"Monotype Corsiva";

}

网页应用

<span class='special'>this is special area,hello</sapn>

c,id选择器，css定义

#myId{

color:red;

font-size:3px;

}

网页应用

<span id='myId'>this is myId area,hello</sapn>

d,群选择器，css定义

h1,p,.special,#banner{color:red;}

任意多的标签，类，id用逗号隔开，表示，定义的样式，赋予全部选择器。

e,通用选择器，css 定义

假设有个全选择器。

a,p,img,h1,h2,h3,.myclass,#myid{.....}

太多，可以变成 * {....}星号通配符。

f,派生选择器。css 定义

h1 strong {color:red;}

此时表示h1内部所有<strong>标签都是红色的。其他位置的strong标签不受影响。

g,伪类和伪元素。Pseudo-Class and Pseudo-Element

g1链接的4个伪类效果。

有4个伪类可以根据访客与链接的交互方式，将链接设置成4种不同的状态之一。

1，a:link 是指访客还没有访问到、鼠标也尚未滑倒或点击过的所有链接。这是正常 的，未访问过的网页链接。

2，a:visited 是指更加WEB浏览器的历史记录，访客之前已经点击过的链接。你可以将 这类链接设置成不同于正常的链接，以便提醒访客。

3，a:hover 鼠标放上面时效果。

4，a:active 基本不用，点击链接的瞬时效果。

g2段落定义样式

1，:first-letter 和first-line

g3更多的伪元素:before他能够在指定的元素前面添加内容。

CSS 样类 p .tip :before{content:"HOT TIP!"}

IE6 AND IE7 不支持content属性。但是IE8 and other browserS OK.

:first-child

li : frist-child{font-weight:bold;}只用第一个li标签

:focus

input :focus{background-color:#ffffcc;}IE67不支持。

h,高级选择器。

子选择器，body>h1只去第一层的h1,也就是父亲是body的h1,

同胞选择器，h2+p /（h2 + p）空格可选。和h2是同一个父亲的p元素。

属性选择器 a[herf^="http://"] ^=表示已。。。开始

img[src*="headshot"]src中含有 headshot的选择IE6不支持属性选择器。