html5晋级之路-css介绍

1.css概述

css指层叠样式表

css样式表极大地提高了工作效率

selector{

property:value

}

例：h1{color:red;font-size:14px;}

属性大于1个之后，属性之间用分号隔开

如果值大于1个单词，则需要加上引号：

p {font-family:"sans serif";}

2.css高级语法

1.选择器分组：

h1，h2，h3{color:red;}

2.继承

body{

color:green;

}

规定了body中所有的样式，如果它没有单独的样式则遵循它；

3.css派生选择器：

通过依据元素在其位置的上下文关系来定义样式

4.css id选择器

1.id选择器：

id选择器可以为标有id的HTML元素指定特定的样式

id选择器以“#”来定义

2.id选择器和派生选择器：

目前比较常用的方式是id选择器常常用于建立派生选择器

这里举个例子<p id="pid">helloword<a href="http://baidu.com">百度</a></p>

#pid a{

}

在这里写的属性都是a标签的~~~

5.类选择器

类选择器以一个点显示

6.属性选择器

<style type="text/css">

[title]{

color:blue;

}

[title = te]{

color:red;

}

</style>

如果不指定其属性值都遵循上面那个，指定了比如说te那么就遵循下面那个，这个跟之前的那些大同小异。