css外观样式
颜色的表达样式
英文单词
十六进制
rgb(红,绿,蓝)
背景颜色属性
background-color:颜色
文字水平对齐
text-align:left|center|right
行高
line-height:高数
- 如果行高较父级的高度偏大,文字会低于盒子中线
如果行高较父级的高度偏小,文字会高于盒子中线
首行缩进
text-indent:缩进距离
文本装饰
text-decoration:none|underline|overline|line-throuth
css
1.CSS简介
CSS是cascading Style Sheet的缩写
CSS全称为"级联样式表"
三种引入方式
行内式
<div style="样式属性:样式值; "></div>
内嵌式
<style></style>内写样式,style写在head头部标签里
外链式
<link rel="和资源的关系" href="资源地址">
css选择器
标签选择器
标签名{ 样式属性:样式值;
类选择器
(点).class值{ 样式属性:样式值;}、class名不能以数字开头
id选择器
(井号)#id名{ 样式属性:样式值;}、不能以数字开头,具有唯一性
通配选择器
(星号)*{样式属性:样式值;}、同时给所有标签添加样式
复杂选择器
交集选择器
- 从多个相同的元素中选择想选择的元素
标签选择器和类选择器、或标签选择器和ID选择器,一起使用。span.class{} span#id{}
并集选择器
- 同时给各个选择器添加相同的部分样式
通过逗号连接选择器, 选择器1,选择器2{}
层次选择器
- 给后代、父子、兄弟、相邻关系的标签添加样式
后代:M N{} 父子:M>N{} 兄弟:M~N{}当前M下面的所有兄弟N 相邻:M+N{}当前M相邻的N标签
伪类选择器
- 根据不同的状态显示不同的样工,默认超链接为:蓝色,有下划线
未点击:link、经过:hover、点击时:active、点击后:visited