web前端day05学习
一、css属性选择器：
可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。
注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。
二、css引入的方法：
1，内嵌式：style 标签放在head中
优点：方便书写，加载速度会相对快一些
缺点：html 和 css 代码没有分离，不方便修改
2，外链式：通过 link 放在<head> 标签中把外部文件引入html 文件中
优点：实现代码分离，方便修改
缺点：运行速度相对较慢
-3，行内式：一般不使用，代码量太大不方便修改
三、基础选择器的权重：
id选择器>class类选择器>标签选择器
四：高级权重对比：
1，引入方式对比：
外链式和内嵌式权重相同，先写的被后写的覆盖，行内式的权重最大，想要覆盖它
可以给样式中添加 ！important 来吧权重提高
2，复合选择器权重：
id认为是100 class类名为10 标签为1
综合起来大，则权重高，若权重一样，则先写的被后写的覆盖
五、CSS文本样式：
1、设置文本颜色：color（十六进制 例：#f00红色）
2、设置行高：line-height（单位像素）
3、设置文本方向：direction
（ltr 默认，方向从左到右；rtl 方向从右到左）
4、设置字与字之间距离：letter-spacing
（normal 默认；length 可负数）
5、设置文本的对齐方式：text-align
（left 默认，左对齐；right 右对齐；center 中间对齐；justify 两端对齐）
6、设置文本首行缩进：text-indent
（例：text-indent : 2em;）
7、文本修饰：text-decoration
none 默认，标准文本（链接取消下划线）
underline 下划线
overline 上划线
line-through 删除线
8、文本的大小写：text-transform
none 默认，标准文字
capitalize 首字母大写
uppercase 全部大写
lowercase 全部小写
9、设置如何处理元素内空白：white-space
normal 默认，空白会被忽略
pre 空白保留
nowrap 文本不换行，文本会在同一行遇<br />换行
10、文本溢出以省略号形式显示
white-space:nowrap;（文本不换行）
overflow:hidden; （溢出隐藏）
text-overflow:ellipsis;（以省略号形式显示）
浙公网安备 33010602011771号