CSS

CSS

外观属性：color
英文单词，十六进制，RGB代码；

行高
line-height属性用于设置行间距，就是行与行之间的距离
line-height常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的是像素px

水平对齐
text-align:水平对齐方式
left：左对齐（默认值）
right：右对齐
center：居中对齐

首行缩进
text-indent属性用于设置首行文本的缩进，其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值, 建议使用em作为设置单位。
1em 就是一个字的宽度。如果是汉字的段落，1em就是一个汉字的宽度

文本修饰
text-decoration 文本的装饰

选择器

标签选择器
每一个标签名,都是一个标签选择器,会把当前页面中所有相同的标签设置相同的样式

类选择器
使用“.”（英文点号）进行标识，后面紧跟类名类选择器使用“.”（英文点号）进行标识，后面紧跟类名

多类名选择器
我们可以给标签指定多个类名，从而达到更多的选择目的。

ID选择器
id选择器使用“#”进行标识，后面紧跟id名
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

通配符选择器
通配符选择器用“*”号表示

交集选择器
交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格

并集选择器
并集选择器是各个选择器通过逗号连接而成的

子代选择器
子元素选择器只能选择作为某元素子元素的元素。
写法就是把父级标签写在前面，子级标签写在后面，中间跟一个>进行连接，注意，符号左右两侧各保留一个空格。

后代选择器
后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。

伪类选择器
:link /* 未访问的链接 /
:hover / 鼠标移动到链接上 /
:active / 选定的链接 /
:visited / 已访问的链接 */

属性选择器
根据标签的属性来选择标签,通常应用于输入框,可以根据type属性值获取某些输入框

1.3 元素显示模式
块元素
块级元素的特点：
1、有默认的宽高，宽是父元素的100%，高度是内容所撑起来的高度
2、宽高可以设置
3、独占一行
4、可以容纳任意的元素（h/p元素不能容纳块状元素）
5、可以设置外边距和内边距的。

行内元素
行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。
常见的行内元素有、、、、、、、、、等，其中标签最典型的行内元素。
行内元素的特点：
1、有默认的宽高，宽高是内容所撑起来的
2、宽高设置是无用的
3、相邻的行内元素或者行内块元素在同一行上显示
4、只可以容纳行内元素与内容
5、水平方向上的外边距和内边距可以设置，垂直方向设置无用

行内块元素
在行内元素中有几个特殊的标签——、、、、
1、有默认的宽高，是元素本身的宽高
2、宽高是可以设置的
3、相邻的行内元素或者行内块元素在同一行上显示
4、一般不容纳其他元素
5、外边距和内边距都是可以设置的

模式转换
块转行内：display:inline;
行内转块：display:block;
块、行内元素转换为行内块： display: inline-block;

背景

背景颜色
background-color:值;
背景图片
background-image : none | url
背景位置
background-position : length || length，background-position : position || position
是否平铺
background-repeat : repeat | no-repeat | repeat-x | repeat-y
滚动/固定
background-attachment : scroll | fixed
简写
background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置