12.4学习日报 （CSS外观样式和三种引用方法）

css外观样式

颜色的表达样式

英文单词
十六进制
rgb（红，绿，蓝）

背景颜色属性

background-color:颜色

文字水平对齐

text-align:left|center|right

行高

line-height:高数

• 如果行高较父级的高度偏大，文字会低于盒子中线 如果行高较父级的高度偏小，文字会高于盒子中线

首行缩进

text-indent:缩进距离

文本装饰

text-decoration:none|underline|overline|line-throuth

css

1.CSS简介

1. CSS是cascading Style Sheet的缩写

2.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