CSS
文章平均质量分 88
css
深蓝霍克
这个作者很懒,什么都没留下…
展开
-
第 3 章 盒模型
盒模型1 元素宽度的问题1.1 避免魔术数值1.1.2 调整盒模型2 元素高度的问题2.1.1 内容溢出了容器 1 元素宽度的问题 当给一个元素设置宽或高的时候,指定的是内容的宽或高,所有内边距、边框、外边距都是追加到该宽度上的。 1.1 避免魔术数值 在我的屏幕上,侧边栏改为宽26%,两列能够并排放下,但是这种方式不可靠。26%是一个魔术数值(magic number)。它不是一个理想的值,而是通过改样式试出来的值。 在编程中不推荐魔术数值,因为往往难以解释一个魔术数值生效的原因。如果不理解这个数值是原创 2021-12-07 18:39:26 · 283 阅读 · 0 评论 -
第2章-第5节 自定义属性(即CSS变量)
CSS变量1 起源2 使用3 动态改变自定义属性4 使用JavaScript改变自定义属性5 探索自定义属性 1 起源 2015年,一个期盼已久的CSS规范作为候选推荐标准问世了,叫作层叠变量的自定义属性(Custom Properties for Cascading Variables) 。这个规范给CSS引进了变量的概念,开启了一种全新的基于上下文的动态样式。你可以声明一个变量,为它赋一个值,然后在样式表的其他地方引用这个值,,除了IE,自定义属性已经得到各大主流浏览器的支持。 2 使用 要定义一个自定原创 2021-12-02 22:18:59 · 574 阅读 · 1 评论 -
第 2 章 相对单位
相对单位1 相对值的好处1.1 那些年追求的像素级完美1.2 像素级完美的时代终结了2 em和rem2.1 em2.1.1 其它属性2.1.2 使用em定义字号2.2 使用rem设置字号 1 相对值的好处 CSS为网页带来了后期绑定(late-binding)的样式:直到内容和样式都完成了,二者才会结合起来、 1.1 那些年追求的像素级完美 在很长时间里,网页设计者通过聚焦到“像素级完美”的设计来降低这种复杂性。他们会创建一个紧凑的容器,通常是居中的一栏,大约800px宽。然后再像之前的本地应用程序或者印刷原创 2021-12-01 21:57:13 · 332 阅读 · 0 评论 -
第1章:层叠、优先级和继承
层叠、优先级和继承1 层叠1.1 意义1.2冲突1.2.1样式表的来源1.2.2理解优先级1.2 小结1.3 源码顺序1.3.1 含义1.3.2 链接样式和源码顺序1.4 提醒 1 层叠 1.1 意义 层叠指的就是这一系列规则。它决定了如何解决冲突,是CSS语言的基础 1.2冲突 当声明冲突时,层叠会依据三种条件解决冲突。 样式表的来源:样式是从哪里来的,包括你的样式和浏览器默认样式等。 选择器优先级:哪些选择器比另一些选择器更重要。 样式在样式表里的声明顺序。 1.2.1样式表的来源 1. 用户代原创 2021-11-30 23:05:25 · 227 阅读 · 0 评论