2019-05-28

选择器的优先级

  1.优先级的规则 

    !important 获取一个最高优先级(慎用)

    ①内联样式  1000

    ②id选择器 100

    ③类和伪类 10

    ④ 元素选择器 1

    ⑤通配*。0

    ⑥继承的样式没有优先级

    ⑦多种选择器的时候是可以相加的

    ⑧所有优先级他的值是永远都不会超过他的最大的值的

    ⑨如果两个优先级相同的话,覆盖前一个执行最后一个

    ⑩并集选择器是个算个的,不会相加

2.A的伪类

link  visited hover active  访问链接的顺序不能变

3.文本标签

①em 标签一般用于表示一段内容的着重点

②strong 标签一般用于一个内容的重要性

③i 标签是以斜体表示}表示图标。没有任何语义

④b 标签是以粗体表示 } 没有任何语义

⑤ small 标签一般表示版权声明。内容条款

⑥ big 大体子

⑦cite 标签 语义,参考的内容

⑧q 标签 引用的内容,会被浏览器默认标写双引号  是CSS样式

⑨blockquote 标签 块引用或长引用, 用div包含块  (在论坛中用的比较多)

⑩sup 上标标签,sub  下标标签

11) 一般表示现价与原价

12)ins表示插入的内容,显示时通常会加上下 划线。

13)del表示删除的内容,显示时通常会加上删 除线。

14)pre / code 标签 一起使用。表示执行保留格式

4.列表

如何去掉项目符号  ul{

list-style:none

}

①无序列表 ul  li / ul包含li 

创建    默认项目序号是实心圆圈} 无序可以套有序,可以套无序。可以随意嵌套

②有序列表ol li / ol包含li 

默认项目序号是阿拉伯数字}

③定义列表 dl dt dd 

对dt的描述

5.单位

① 像素px

②百分比% 当父元素发生变化的时候,子元素也会发生变化

③em 根据字体设置大小的  一个em相当于一个font-size

④rgb 颜色设置,可以用数字,最大值是255,也可以用百分比%,最大是100%

6.十六进制来表示颜色

①rgb  #000000-ffffff 要么是三位要么是六位

7. 字体的样式

①font-size:30px

font-family:字体;

②family 可以设置多个字体,设置多个字体的时候,中间一定要加逗号。

③font-style:italic 斜体

④font-weight:bold文本的粗体

⑤font-variant:small-caps;小型大写字体

使用font没有先后顺序执行。不写的话是按照默认从上到下依次执行

8.字体分类

①衬线字体:serif 包含宋体。 写字的末尾后面都会多一点东西

②非衬线字体:sans-serif 跟等宽字体差距不是很大

③等宽字体:monospace 字体宽度相同,容易对齐

④草书字体:cursive 潦草很多

⑤虚幻字体:fantasy

一般把几大字体放在字样式的末尾。

9. 行间距

①字号默认16px  line-height: 行高    公式:行间距=行高-字体大小  倍数:1~  像素px  百分号:100%就是字体的大小就是行间距的大小

②垂直居中 设置行高跟父级设置一样高

10.大写化

①text-transform 控制文本的大小写

②text-transform:uppercase :控制文本大写

③text-transform:lowercase:控制文本的小写

④text-transform:capitalize :控制文本的首字母大写

⑤text-transform:none :文本正常

⑥text-decoration :underline(上划线)

⑦text-decoration :overline (下划线)

⑧text-decoration :line-through  (中划线)

⑨text-decoration :none (没有线条)

11.字母单词的间距

①letter-spacing:10px  字符边距

②word-spacing:10px  汉字边距

③text-align:left:左对齐

④text-align:right:右对齐

⑤text-align:justify:两边对齐

⑥text-align:center:居中对齐

12.首行缩进

①text-indent:2em

你可能感兴趣的:(2019-05-28)