美文网首页CSS学习笔记
前端开发学习笔记(五)- Css 特殊性

前端开发学习笔记(五)- Css 特殊性

作者: Showtime_ST | 来源:发表于2017-01-10 11:21 被阅读0次

一.继承

继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

可以继承的样式主要有:

文本相关属性:如font-family, font-size, font-style,font-weight, font-height,font-...

还有列表相关属性:如list-style-image, list-style-position,list-style-type, list-style-...

不可继承的样式主要是盒子模型相关的属性:如border,margin、padding、background、height、width、overflow、position...

二.权值

有的时候,我们为同一个元素设置了不同的CSS样式代码,这时候,元素会根据权值来判断启用CSS样式。

标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100,继承的权值为0.1。

三.层叠

层叠就是在html文件中对于一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些CSS样式的前后顺序来决定,处于最后面的CSS样式会被应用.

四.重要性

在有些特殊的情况需要为某些样式设置具有最高权值,这时候可以使用!important

语法举例:p{color:red!important;}

P:这里注意当网页制作者不设置CSS样式时,浏览器会按照自己的一套样式来显示网页,并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式<网页制作者样式<用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式

相关文章

  • 前端开发学习笔记(五)- Css 特殊性

    一.继承 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。 可以继承的样式主要有:...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • CSS 自学笔记(中)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 继承、层叠和特殊性 继承 CSS...

  • html&CSS(一)

    本文主要是起笔记的作用,内容来自慕课网. 认识HTML、CSS、JavaScript 学习web前端开发基础技术需...

  • web开发的一些资源干货

    前端库——前端开发,CSS3动画特效等。 CSS入门教程——本指南适合 CSS 的初学者 学习CSS布局——如果你...

  • 2019-11-26 流式编程:让页面飞起来

    前端开发一直有它自己的特殊性。要做开发不仅仅要学 HTML,还要学 CSS、JS 等,甚至还有 Node.js 这...

  • Web前端基础三剑客学习知识分享

    Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要...

  • Web前端开发基础三剑客学习知识分享

    Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML、CSS、JavaScript。除此之外还要...

网友评论

    本文标题:前端开发学习笔记(五)- Css 特殊性

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