h5 css基础设置

1、css引入方式

• 行内样式：在开始标签里面写style属性，只对当前标签有效

• 内部样式：使用style标签，放在head标签里，作用于当前页面

• 外部样式：在html文件的head标签里写一个link标签，创建css文件（是能写样式），作用于多个站点

特点：

1. 行内样式：结构和样式完全不分离，使用少，作用于一个标签

2. 内部样式：结构和样式不完全分离，使用较多，作用于一个页面

3. 外部样式：结构和样式完全分离，使用最多，作用于多个站点

优先级：行内>内部=外部，内部和外部采用后来者居上原则

2、文本属性

background-color：段落背景

text-align：文字水平居中对齐l方式，默认左对齐

text-decoration：下划线设置，{none去掉下划线，overline上划线，line-through删除线，underline下划线}

text-indent：em；文本缩进，使用单位em相当于自身的font-size

direction：文本显示方向

text-transform:{lowercase英文小写，uppercase英文大写，capitalize首字母大写}

text-shadow：四个参数；参数一，水平方向上的阴影距离（必须）；参数二，垂直方向阴影距离（必须）；参数三，z轴方向阴影距离；参数四，阴影颜色

letter-spacing：字间距

word-spacing：空格生效，适用于单词间距

line-height：；设置行高，不带单位时行高=font-size*值

3、文字属性

• font-size：设置文字大小 最小12px

• font-weight：设置字体加粗 默认normal400

• font-family：设置字体

• font-style：设置斜体 oblique（使文字倾斜） itlic（斜体）

快捷方式：

font：font-style font-weight font-size/font-height font-family；

4、选择器

（1）基础选择器

内选择器

class属性，获取