CSS样式

如何引用css样式

• 行内样式
• 内部样式表
• 外部样式表(Link链入)
• 导入式(import)

CSS选择器

• label {} 标签选择器
• .classname {} 类名选择器
• #id {} id选择器
• label.classname {} 特定class的标签
• xx xx {} 后代选择器
• a:link 伪类选择器
• 群组选择器
• 全局选择器

CSS优先级

• id > class > 标签
• 行内 > 内部 > 导入

CSS继承和重叠

• 子元素会继承父元素的样式

<p>CSS<span>样式继承</span></p>

span标签会继承p标签的样式

• 样式重叠，冲突时，就近原则，且 行内>内部>外部
• 样式重叠，不冲突时，多个样式可以重叠为一个

text-aligin

• 仅在块级元素生效
• 可用 margin : 0 auto代替

vertical-aligin

• 设置元素内容的垂直方式
• 作用于行内元素，对块级元素不生效