《CSS3秘笈》(第3版)个人笔记之13~17章


1.浮动元素的html必须处在要包围它的元素的html之前
2.重要的内容尽可能放在网页html代码的最前面
3.对浮动元素A的父元素B设置浮动,可以清除A的浮动
4.若对浮动元素A的父元素B中设置了overflow:hidden,若B中有绝对定位的元素,该元素很可能会显示不出来
5.清除浮动的另一种写法:
.clear::after{
content:"";
display:table;
clear:both;
}
.clear{
zoom:1;
}
6.multicolumn layout:可以给任何元素设置
1.column-count:多列
2.column-gap:列间隔
3.column-rule:列之间绘制直线,语法与border类似
7.媒体查询放在title上方
8.float和absolute或fixed定位不能同时作用于一个元素
9.隐藏:设置opacity/display/visibility
10.fixed定位也脱离文档流,定位的位置相对于浏览器窗口,若fixed定位的元素高度高于浏览器窗口,将无法看到整个元素
11.打印机采用的单位:pt
12.可以使用baciground快捷方式覆盖背景色和背景图
13.打印时,保留背景图,可以设置一个适合打印的img图片,在@media print的样式里让img显示
14.在打印链接时,让长的链接分成多行显示,word-wrap:break-word
15.打印时,打印链接所指向的网址,a:after{content: " (" attr(href) ") "}
16.打印时始终显示在网页的顶部/最后,page-break-before/page-break-after:always
17.设置overflow:hidden时,超出的部分无法打印出来,需要将overflow设置为visible;
18.使用派生选择器
19.最好在初始化时删除q和blockquote的引号。
如:blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}
20.导航栏的链接,给每个链接设置一个类,每个页面的body设置一个类,可以让每个页面所对应的导航链接使用同一个样式
如:.home .homeLink,.news .newsLink{color:#666;}

posted @ 2015-12-14 22:02  派派嗷呜  阅读(203)  评论(0编辑  收藏  举报