标签选择器,类选择器,id选择器-第四天

标签选择器

概念:

• 通过标签名,找到页面中所有这类标签,设置样式

注意点:

• 标签选择器选择的是一类标签,而不是单独某一个

• 标签选择器无论嵌套关系有多深,都能找到对应标签

类选择器

概念:

• 通过类名,找到页面中所有这类标签,设置样式
• .类名

注意点:

• 类名由数字,字母,下划线,中划线组成,不能以数字,中划线开头

• 一个标签可以拥有多个类名,类名之间以空格隔开

ID选择器

概念:

• 通过id,找到页面中所有这类标签,设置样式

• id

注意点:

• 一个页面中不允许出现同名id
• 搭配js精确选中页面中的标签

谷歌浏览器

• 默认字体大小:16px

• 最消字号12px

CSS层叠性

• 设置相同属性会覆盖(就近原则,前提条件:权重相同)

• 设置了不同属性会叠加

文本缩进

• text-indent:1em

• 只对独占一行的元素起效果

文本水平对齐方式

• 属性名:text-align

• 取值:

属性值	效果
left	左对齐
center	居中对齐
right	右对齐

• 只对独占一行元素起作用