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;
-------尚学堂笔记