第四篇 CSS-01

1.CSS：CascadingStyleSheet层叠样式表，用来修饰网页外观

2.CSS的基本语法：

选择器{属性：属性值；属性：属性值…；}

3.选择器：所谓选择器就是告诉浏览器样式的应用对象，常用选择器：标签选择器，id选择器，类选择器，结构伪类选择器，后代选择器，属性选择器，子选择器，交集选择器动态伪类选择器…

a)标签选择器：就是用HTML标签作为选择器，作用是选取到HTML文档中的同类型标签

b)类选择器：用于选取一个或多个元素，使这些元素应用相同的CSS样式

第一步：设置类的名称，格式:<开始标签class=”类名”>；

第二步：设置类的样式，格式:.类名{样式的声明}；

注意事项：

同一文档中类名可以相同；

class后面可以有多个值，值间用空格隔开；

c)id选择器：用于选取一个元素

第一步：设置类的名称，格式：<开始标签id=”id名”>；

第二步：设置id的样式，格式：#id名{样式的声明}；

d)类和id的区别

同一文档中类名可以重复，id名必须是唯一的；

id的样式优先于类的样式；

4.常见属性

a)color:设置文本颜色，属性值为颜色名称，十六进制代码，rgb值，rgba值

十六进制代码

#FF0000-#f00

#00FF00-#0f0

#0000FF-#00f

#FFFFFF-#fff

#000000-#000

rgb值，格式:rgb (红，绿，蓝) rgb(255,0,0)

rgba值，格式：rgba(红，绿，蓝，透明度)，透明度为0-1

b)font-size：设置文本大小，属性值为像素值，默认值为16px，常用12px或14px，也可以用em或百分比

c)background-color：设置背景色，属性值为颜色名称，十六进制代码，rgb值，rgba值

d)width：设置宽度，属性值可以是像素值，百分比，默认为auto

e)height：设置高度，属性值可以是像素值，百分比，默认为auto

-