3.2 CSS基础样式讲解

概要

• CSS介绍
• CSS基础语法
• CSS高级语法
• CSS派生选择器
• CSSid选择器
• CSS类选择器
• CSS属性选择器

3.2.1 CSS基础-介绍及语法

CSS概述：

• CSS指层叠样式表
• CSS样式表极大地提高了工作效率

1、CSS基础-介绍及语法

• 1、基础语法：

1、

selector {
	property: value
}

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

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

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

p {font-family: "sans serif"}

• 2、CSS高级语法：

1、选择器分组

h1, h2, h3, h4, h5, h6 {color:red};

2、继承：

body {
	color:green;
}

3、CSS基础-派生选择器

1、派生选择器：

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

3、CSS基础-id选择器

• 1、id选择器：

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

  id选择器以 “#” 来定义

• 2、id选择器和派生选择器

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

4、类选择器

1、类选择器

类选择器以一个点显示

2、clas也可以用作派生选择器

5、属性选择器

1、属性选择器：

对带有指定属性的HTML元素设置样式

2、属性和值选择器