CSS系统学习笔记

权重主要分为 4 个等级:

  • 第一等:代表内联样式,如: style="",权值为1000
  • 第二等:代表ID选择器,如:#content,权值为100
  • 第三等:代表类,伪类和属性选择器,如.content,权值为10
  • 第四等:代表类型选择器和伪元素选择器,如div p,权值为1

遵循如下法则:

  • 选择器都有一个权值,权值越大越优先;
  • 当权值相等时,后出现的样式表设置要优于先出现的样式表设置;
  • 创作者的规则高于浏览者:即网页编写者设置的 CSS 样式的优先权高于浏览器所设置的样式;
  • 继承的 CSS 样式不如后来指定的 CSS 样式;
  • 在同一组属性设置中标有!important规则的优先级最大

未完待续

时间: 2017-09-04

CSS系统学习笔记的相关文章

网站设计css+div学习笔记速记口诀

现在已经进入了web2.0的时代了,网站也开始慢慢变得规范了起来,网站源代码也就要遵循最标准的div+css来设计了.我们这种以前用table来制作网站的代码工也要重新开始学习了,这是最近学习css以来的一些经验技巧笔记,希望对新手能够提供很大的帮助.速记口诀对于我们中国人来说实在是太便利了,从五笔简码到现在的css口诀,绝对不是外国人可以想象的. 在做网站过程中,常常要修改网站模板,而模板受css控制.如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把 C

Bootstrap栅格系统学习笔记_javascript技巧

Bootstrap栅格系统知多少? 1.简介 Bootstrap内置了一套响应式.移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列.它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局. 2.栅格选项 bootstrap3.x使用了四种栅格选项来形成栅格系统,这四种选项在官网上的介绍如下图,很多人不理解,这里跟大家详解一下四种栅格选项之间的区别,其实区别只有一条就是适合不同尺寸的屏幕设备.我们看class前缀这一项

DIV+CSS导航学习笔记

学习简单导航制作,常见导航有如下样式: w3school导航 网易首页导航 以上两种分别可以用ul和div来制作,直接上代码: test.html: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Lan

大型网站系统学习笔记

大型网站及其架构演进过程     (一)网站初建     作为一个交易网站,需要具备的最基本三个功能:     (1) 用户:用户注册.用户管理.信息维护--     (2) 商品:商品展示.商品管理--     (3) 交易:创建交易.交易管理--  如果基于JAVA用单机技术,即一台服务器来构建应用,示意图大概会如下所示   各个功能模块之间通过JVM内部方法调用来进行交互,而应用和服务器则通过JDBC进行访问 (二)单机负载告警,数据库与应用分离     网站对外服务后,访问量会不断增大,

JavaScript权威设计--JavaScript脚本化文档Document与CSS(简要学习笔记十五)

1.Document与Element和TEXT是Node的子类. Document:树形的根部节点 Element:HTML元素的节点 TEXT:文本节点   >>HtmlElement与HtmlDocument a:HtmlElement对象表示HTML中的一个个元素. b:HtmlDocument对象表示 HTML 文档树的根.HTMLDocument 接口对 DOM Document 接口进行了扩展,定义 HTML 专用的属性和方法.   >>HTML的DOM对象 a:DOM

JavaScript权威设计--CSS(简要学习笔记十六)

1.Document的一些特殊属性 document.lastModified document.URL document.title document.referrer document.domain document.write() document.writeIn()   2.查询选取的文本 使用鼠标mouseup事件   3.浏览器定义了多项文本编辑命令(富文本编辑器) 使用Document对象的execCommand()方法. document.queryCommandSupport(

vps实战安装PMTA+OEMPRO邮件营销系统学习笔记

第一.准备工作 这里我根据这位朋友给的一份PMTA+OEMPRO组合套装文档包,以及其中的教程,然后在我已经准备好的CentOS6环境中部署,准备把破解版本压缩包上传至"/usr/local/src/"目录中. 然后我们解压之后将文档全部移动到"/usr/local/src/"根目录中. 第二.安装PMTA  代码如下 复制代码 sh install.sh 登入SSH客户端,然后我们需要到对应的目录中执行上面的一行安装.这里还需要解决几个问题. 1.解决"

jquery css选择器学习笔记

1. $('node+next') == $('node').next() 2. $('node~siblings') == $('node').nextAll(); 3. :gt(index)大于index序号的的元素,从0开始 4. :lt(index)小于index序号的元素,从0开始 4. :header 获取所有h1,h2,h3,h4...的元素 例子 比如你要获取id为123的div的z-index的值 $("#123").css("z-index")

VC文件过滤系统驱动开发Filemon学习笔记

WINDOWS文件过滤系统驱动开发,可用于硬盘还原,防病毒,文件安全防护,文件加密 等诸多领域.而掌握核心层的理论及实践,对于成为一名优秀的开发人员不可或缺. WINDOWS文件过滤系统驱动开发的两个经典例子,Filemon与SFilter,初学者在经 过一定的理论积累后,对此两个例子代码的研究分析,会是步入驱动开发殿堂的重要一步 ,相信一定的理论积累以及贯穿剖析理解此两个例程后,就有能力开始进行文件过滤系统 驱动开发的实际工作了. 对于SFilter例子的讲解,楚狂人的教程已经比较流行, 而F