《精彩绝伦的CSS》读书笔记（二）

3.2

大多数允许使用多个关键字的CSS属性都允许以任何顺序书写关键字,但font属性是很少见的例外之一.

font: <font-size> <font-family>;这连个只必须按照既定的顺序进行书写,如果顺序颠倒或者漏掉了其中一个,浏览器会完全忽略这条声明.

其他关键字全部都得放在这两个必备的值后面.放在后面,浏览器会完全忽略这条声明.

3.3

行高值和字号可以缩写为:

font: 100%/2.5 Helvetica,sans-serif;

3.4

行高值(line-height)建议为无单位的数值

3.5

避免缺少样式的边框柱,因为border-style默认为none

3.7

抑制元素的显示的方案：

最显而易见的方案：display:none,（提示：直接通过js将显示值设为none后复原时若不设定任何值:即obj.style.display=''，会默认回复为在其余CSS中设置的值）

另一个普遍的解决方案：添加一个可以隐藏元素的类，要显示元素的时候，去掉这个类即可。

不过display:none会带来一个问题,显示值为none的元素无法被绝大多数的辅助技术(如屏幕阅读器)"看到"

3.8

visibility:hidden 虽然被隐藏了,但仍参与页面布局,而display:none不会参与页面布局,但同样无法被绝大多数的辅助技术"看到"

3.9

可通过绝对定位将元素移除屏幕,至少仍能被辅助技术识别。

3.15

ul的首行缩进或凸出可通过text-indent属性来设置，但注意必须吧list-style设为none

3.18

可通过:before和:after的content属性自定义列表标记

3.19

html和body都可以应用样式,可通过设置这两个的样式实现页面顶部贯穿双色的效果

3.21

可通过特定的CSS明显看出在查看的东西是在开发服务器上还是生产服务器上

转载于:https://blog.51cto.com/willkan/1030499

《精彩绝伦的CSS》读书笔记（二）相关推荐

深入理解JVM读书笔记二：垃圾收集器与内存分配策略
3.2对象已死吗? 3.2.1 引用计数法给对象添加一个引用计数器,每当有一个地方引用它的地方,计数器值+1:当引用失效,计数器值就减1;任何时候计数器为0,对象就不可能再被引用了. 它很难解决对象 ...
《Docker 技术入门与实践》-读书笔记二
<Docker 技术入门与实践>-读书笔记一 <Docker 技术入门与实践>-读书笔记二一.数据管理用户在使用 Docker 的过程中,往往需要能查看容器内应用产生的数据 ...
《Introduction To Modern Cryptography》读书笔记二
<Introduction To Modern Cryptography>读书笔记二本笔记纯粹个人读书习惯与相应见解,内容归纳完全出于个人需要与个人局限,如有修改意见(比如哪儿应该是值得 ...
oracle直查和call哪个更快,让oracle跑的更快1读书笔记二
当前位置:我的异常网» 数据库 » <>读书笔记二 <>读书笔记二 www.myexceptions.net 网友分享于:2013-08-23 浏览:9次 <> ...
《How Tomcat Works》读书笔记(二)
<How Tomcat Works>读书笔记(二) 这是<How Tomcat Works>第一二章的读书笔记.第一张主要写了一个静态资源处理的web服务器,第二章加了对ser ...
3D游戏设计读书笔记二
3D游戏设计读书笔记二一.简答题 • 解释游戏对象(GameObjects) 和资源(Assets)的区别与联系. GameObjects是一个具体的实例,Assets是包括诸多游戏素材的资 ...
《李元芳履职记》读书笔记二 IT技术管理的沟通与团队建设
<李元芳履职记>读书笔记二接一 https://blog.csdn.net/qq_45937199/article/details/103305223 IT技术人员从技术岗走向管理岗,所 ...
python图像处理《数字图像处理与python实现》读书笔记二:空间滤波
文章目录重要! 第三章空间滤波概览 3.1 空间滤波基础 3.1.1 空间滤波的机理 3.1.2 空间滤波器模板 3.2 平滑处理 3.2.1 平滑线性空间滤波器 3.2.2 统计排序滤波器 3 ...
第一行代码 Android读书笔记(二)
第一行代码 Android读书笔记第三章软件也要拼脸蛋-UI开发的点点滴滴常用控件的使用方法详解4种基本布局自定义控件最常用和最难用的控件-ListView 更加强大的滚动控件-Recyc ...
《淘宝技术这十年》读书笔记 (二).Java时代的脱胎换骨和坚若磐石
马云说过"一个好的东西往往是是说不清楚的",姑且不论这句话的对与错.但我真的很佩服<淘宝技术这十年>这本书的作者子柳,能够通过淘宝的一些故事,按照时间顺序和IT发展的各 ...

《精彩绝伦的CSS》读书笔记（二）

《精彩绝伦的CSS》读书笔记（二）相关推荐

最新文章

热门文章