CSS那些事读书笔记1

  提到选择符,只知道类选择符合ID选择符,对选择符的优先权不是很清楚。下面,摘抄书上的示例:

  对属性设置!important关键字声明,提升属性的权重值。添加!important关键字声明的属性在优先级别是最高的。

  • 标签选择符、伪类及伪对象:优先级别积分为1。
  • 类选择符、属性选择符:优先级别积分为10。
  • ID选择符:优先级别积分为100。
  • style属性:优先级积分为1000。

  实例:

p{ color:blue; }

p .myColor{color:black;}

.myColor{color:yellow;}

#myColor{color:red;}

p=1

p .myColor=1+10=11

.myColor=10

#myColor=100

style="color:green;"=1000

颜色标注部分容易搞错,我一直以为是第二个标注的颜色优先级更高。

时间: 2024-08-10 21:57:01

CSS那些事读书笔记1的相关文章

CSS那些事读书笔记:第一章

第一章: 1.学习CSS,最好的方法就是不断地做不断的想,不断的实践. 2.CSS语法结构主要由两部分组成:选择符和声明. 3.CSS中对于颜色的表现形式有四种 十六进制形式,如:p{color:#FF00FF}; RGB函数形式,如:p{color:RGB(135,0,224)}; 0%~100%之间的数字,数字一定是整数,如p{RGB(25%,0%,100%)}; 颜色名称,如p{color:red}; 用户系统色盘值,如,background windowtext,如:p{color:wi

想成功,每天做一点折磨你的事——读书笔记(一)

想成功,每天做一点折磨你的事--读书笔记   能"一鸣惊人"的人,必定在他"不鸣"的时候不断磨练自己: 能"动如脱兔"的人,必定在他"静如处子"的时候经受千锤百炼: 安逸的人生往往是平庸的人生: 平静的池塘培养不出杰出的水手. 前言 1.    通过一次又一次与各种折磨交手,历经反反复复几个回合的较量,人生的阅历才能不断丰富. 2.    对于才能来说,没有教训与没有经验一样,都不能使人成大器. 3.    失败.挫折并不可怕

《CSS mastery》 读书笔记

又翻了一下之前的读书笔记,再重温了忘掉的细节.最近一年的工作,由于有重构岗位的同学负责CSS的编写,虽说还是接触到,但毕竟不写好久了,有些东西还是忘记了,例如选择器的权重计算细节.这个笔记只是部分,后半部分快速浏览了,没写笔记. 1.元素命名规则 类名或者ID以元素是做什么的来命名,不要以元素的外观表现来命名. 类名或者ID全部小写,并用连字符号或许下划线分隔.(.add-class)2.伪类 链接伪类: :link和:visited 动态为例: :hover :active :focus 设置

css权威指南 读书笔记

网上看见推荐的书总是喜欢买回家,但是大多数时候都不会立即就看,都是在书橱里蒙上了一层灰尘.从毕业到现在,由于公司业务原因,写js多余css,所以就想系统地看看css,并且做一些练习,于是就开始看<css权威指南>,看到了第六章,初步感觉,对于工作一年的我来说,很简单,当然也有一些我不熟悉的知识点,于是整理了下来. 一.@import 1.放在style容器中,且在其他css规则之前 2.每个人@import指令的样式都会加载使用 二.选择器 1.:first-letter 用于选取指定选择器的

CSS权威指南读书笔记之值和单位

等价颜色表 什么叫Web安全色 所谓的“web安全”颜色是指在256色计算机系统上总能避免抖动的颜色. Web安全颜色可以表示为RGB值为20%和51(相应的十六进制值为33)的倍数. 如果使用RGB百分数,要让所有这3个分量都要么是0%,要么是一个能被20整数的数 同理,如果是使用0~255范围的RGB值,则各分量值要么是0要么是能被51整数的数. 如果是采用十六进制记法,,使用值00.33.66.99.CC和FF的三元组才是Web安全颜色. 绝对长度单位 有5种绝对长度单位.英寸(in).厘

想成功,每天做一点折磨你的事——读书笔记(二)

第四章 重塑自我--遇见更强大的自己 1. 如果我们不能学会放下这些消极的包袱,就不能轻松地面对生活.放下,就是忘记,就是为了更好地拿起. 2. 过去不等于未来.--凯特<攀越巅峰> 3. 时间不可逆,生命不可逆.请记住:远离过去的自己,才能发现全新的你. 4. 当我们拥有优势的时候,要学会居安思危,同时要维持自己的优势,充分发挥它的作用,使优势最大化. 5. 企业和员工要共同保持忧患意识,当危机来临的时候才不至于手足无措. 6. 培养自己的危机意识:抓紧时间学习,抓紧时间看书.生命经不起浪费

设计模式那点事读书笔记(3)----建造者模式

建造者模式: 建造者模式是将复杂的对象构造进行分离,使得每个部件完成比较独立的工作.通过抽象类,接口来约束建造的过程. 解决什么问题: 当生成的产品对象内部具有复杂的结构. 当复杂对象需要与表示分离,可能需要创建不同的表示时. 当需要向客户隐藏产品内部结构表现时. UML: 代码结构: 商品的实体: package com.demo.builder.model; /** * 产品实体 */ public class MobilePackage { private float money; pri

设计模式那点事读书笔记(4)----原型模式

建造者模式: 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象. 解决什么问题: 某些结构复杂的对象”的创建工作,由于需求的变化,这些对象经常面临着剧烈的变化,但是他们却拥有比较稳定一致的接口. UML: 代码结构: 被拷贝的对象: package com.prototype.pojo; /** * 被拷贝的对象 */ public class DayLife implements Cloneable { private String getUp; private String b

设计模式那点事读书笔记(2)----抽象工厂模式

抽象工厂模式: 此模式提供了一个接口,用于创建相关或者依赖对象的家族,而不需要指定具体实现类. 解决什么问题: 抽象工厂模式允许客户在使用抽象接口来创建一组相关的产品,客户类和工厂类分开,客户需要任何产品的时候,只需要向工厂请求即可,客户无须修改就可以获得新产品.从而实现客户从具体的产品中解耦. UML: 代码结构: 代码: 定义抽象产品: package com.demo.factory.model; /** * 抽象产品 */ public abstract class AbstractBa