CSS的选择器
标签选择器:
标签名:{样式名1:样式值1;...}
作用:会将该网页内的所有该标签增加相同的样式
id选择器:
#标签的属性值{样式名1:样式值1;...}
作用:给某个指定的标签添加指定的样式
类选择器:
.类选择器名{样式名1:样式值1 ...}
作用:给不同的标签添加相同的样式
全部选择选择器:
*{样式名1:样式值1 ...}
作用:选择所有的HTML标签,并添加相同的样式
组合选择器:
选择器1,选择器2{样式名1:样式值1 ...}
作用:解决不同选择器之间重复样式问题
子标签选择器:
选择器1 子标签选择器{样式名1:样式值1 ...}
属性选择器:
标签名[属性名=属性值]{样式名1:样式值1 ...}
作用:选择某标签指定具备某属性并且属性值为某属性值的标签
CSS的使用过程
1,声明CSS代码域
2,使用选择器选择要添加样式的标签
根据需求来
使用*选择器来给整个页面添加基础样式
使用类选择器给不同的标签添加样式
使用标签选择器给某一类的标签添加样式
使用id 属性选择器 style属性声明的方式给某个标签添加个性化样式
3,书写样式单
边框设置
border:solid 1px;
字体设置
font-size:10px;设置字体大小
font-family:"黑体";设置字体格式
font-weight:bold;设置字体加粗
字体颜色设置
color:red;
背景颜色设置
background-color:red;
背景图片设置
background-img:url(图片的相对路径);
background-repeate:no-repeate;设置图片不重复
background-size:cover;图片平铺整个页面
高和宽设置
浮动设置
float:left/right
行高设置
line-height:10;