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
网友评论