CSS基础-----（选择器）

css选择器　

　　标签选择器：
　　　　标签名{样式名1：样式值1;……}
　　　　作用：会将当前网页内的所有该标签增加相同的样式
　　id选择器:
　　　　#标签的id属性值{样式名1：样式值1;……}
　　　　作用：给某个指定的标签添加指定的样式
　　类选择器：
　　　　.类选择器名{样式名1：样式值1;……}
　　　　作用：给不同的标签添加相同的样式
　　全部选择选择器
　　　　*{样式名1：样式值1;……}
　　　　作用：选择所有的HTML标签，并添加相同的样式
-----------------------------------------------------------------------------
　　组合选择器：
　　　　选择器1,选择器2,……{样式名1：样式值1;……}
　　　　作用：解决不同的选择器之间重复样式的问题
　　子标签选择器
　　　　选择器1 子标签选择器{样式名1：样式值1;……}
　　属性选择器：
　　　　标签名[属性名=属性值]{样式名1：样式值1;……}
　　　　作用：选择某标签指定具备某属性并且属性值为某属性值的标签

　

　　css的使用过程：
　　　　1、声明css代码域
　　　　2、使用选择器选择要添加样式的标签　　　　
　　　　　　根据需求来。
　　　　　　　　使用*选择器来给整个页面添加基础样式
　　　　　　　　使用类选择器给不同的标签添加基础样式
　　　　　　　　使用标签选择器给某类标签添加基础样式
　　　　　　　　使用id、属性选择器、style属性声明方式给某个标签添加个性化样式。

 

书写样式单

　　边框设置
　　　　border:solid 1px;
　　字体设置:
　　　　font-size:10px;设置字体大小
　　　　font-family:"黑体";(设置字体的格式)
　　　　font-weight：bold;设置字体加粗
　　字体颜色设置
　　　　color:颜色;
　　背景颜色设置
　　　　background-color:颜色;
　　背景图片设置
　　　　background-img:url(图片的相对路径);
　　　　background-repeate:no-repeate;设置图片不重复
　　　　bacground-size:cover;图片平铺整个页面
　　高和宽设置
　　浮动设置
　　　　float:left|right
　　行高设置
　　line-height:10;

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　-------尚学堂笔记