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