CSS的基本语法学习

1.  CSS是Cascading Style Sheets的缩写

2.  可以同时改变站点中所有页面的布局和外观

1)  便于维护修改

2)  可以节省代码量

3)  增强格式化能力

4)  提高工作效率

3.  CSS的基本语法

1)语法:选择器{声明}

H1(选择器) {text-align:center; color:red;}

2)选择器1,选择器2,…{声明}

H1,h2,h2,h4{ text-align:center; color:red;}

4.  插入样式的三种方式

1)  内联方式:直接设置HTML元素属性的方法。

2)  内部样式表:使用<style>块。

3)  外部样式表:使用CSS样式表文件。

5.   

元素标签

元素标签{}

类选择器

.样式名{}

元素名称.分类名{}

ID选择器

#样式名{}

关联选择器(table h1 包含)

元素名 元素名…{}

伪元素选择器

A:link

A:active

A:visited

A:hover

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

    指定某一个元素的样式,利用唯一ID关联

类选择器:实现相同文本的多种样式

P.first{ color: green }

P.second{ color: purple }

<p class="first">first</p>

<p class=“second”>second</p>

伪选择器(CSS伪类)

    伪类代表页面中出于某种特定状态中的元素

posted @ 2012-01-17 21:36  文伟  阅读(178)  评论(0编辑  收藏  举报