美文网首页
前端学习(八)

前端学习(八)

作者: 永恒幻羽 | 来源:发表于2020-01-04 21:45 被阅读0次

伪类的优先级:

当使用不同选择器,选用同一元素并设置相同样式时,这时样式之间产生冲突,最终结果有选择器的优先级(权重)决定.

优先级规则:样式 ! important 10000(少用,不方便后期更改)>内联样式1000>ID选择器100>类和伪类10>元素选择器1>通配0>继承样式;当一个选择器包含多种选择器时,选择器权重相加比较,但不会发生进位计算;同级覆盖比较.

伪类的顺序:

<a></a>的伪类:link:未访问过的链接样式,visited:访问后的连接样式, havor:鼠标移动到链接时的样式,active:点击后链接样式.

文本标签(语义标签):

<em></em>:表示语气上的强调,默认显示为斜体

<strong></strong>:强调内容的重要,默认显示加粗

<i></i>:斜体,无语意<b></b>:加粗,无语意(注:对于不需着语义,而只是单纯加粗或斜体)

<small></small>:标签中的内容会比他的父标签字体要小,smal标签来表示一些细则一类的内容,比如:合同小字,细则;

<cite></cite>:表示参考内容,加书名号的事物,.

<q></q>:表示一个短引用.

<blockquote></blockquote>:长应用

<sub></sub>:下标

<sup></sup>:上标
<del></del>:删除

<ins></ins>:插入

<pre></pre>:预标签格式,保留代码格式

<code></code>:代码

相关文章

  • 前端学习(八)

    伪类的优先级: 当使用不同选择器,选用同一元素并设置相同样式时,这时样式之间产生冲突,最终结果有选择器的优先级(权...

  • 前端学习笔记八

    Css单位与文字排版 一、标签的类型(显示模式) 1,行内元素 1.1,行内元素仅仅靠自身的字体大小和图像尺寸来支...

  • 前端学习任务八

    CSS选择器常见的有几种? 全局选择器:例如*{margin:0;padding:0} id选择器:例如#box{...

  • 2月21笔记

    第八天web前端学习笔记 有道云笔记

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • 学习图谱

    前端整体 基础学习路线 进阶学习路线 整体学习路线 「前端进阶」2018/2019 史上最全的前端学习路线 How...

  • iOS开发如何学习前端

    iOS开发如何学习前端 iOS开发如何学习前端

  • 前端(八)

    条件Hack css过渡动画 transition运动曲线 图片文字遮罩 变形 元素旋转

  • 前端(八)

    1.条件Hack 2.属性Hack 3.选择符在选择器前添加* html 则该选择器只有IE6可以识别 4.圆角阴...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

网友评论

      本文标题:前端学习(八)

      本文链接:https://www.haomeiwen.com/subject/qfwxactx.html