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)<ins><del> 一般表示现价与原价

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

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

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

4.列表

如何去掉项目符号  ul{

list-style:none

}

①无序列表 ul  li / ul包含li  <ul><li></li></ul> 创建    默认项目序号是实心圆圈} 无序可以套有序,可以套无序。可以随意嵌套

②有序列表ol li / ol包含li  <ol><li></li></ol> 默认项目序号是阿拉伯数字}

③定义列表 dl dt dd  <dl><dt><dd>对dt的描述</dd></dt><dl>

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ①选择器的优先级 当使用不同选择器设置样式冲突时,以选择器优先级为准: !impotant,最...
    三腿M阅读 1,400评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,895评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,415评论 1 45
  • 大家好:今天接着和大家聊聊术前评估之麻醉前治疗用药。 对麻醉前治疗用药的评估: 麻醉期间的药物相互作用包括:术前、...
    医学科普芳草地阅读 4,400评论 0 0
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 5,482评论 0 0

友情链接更多精彩内容