随笔分类 -  css3

摘要:待续 阅读全文
posted @ 2017-09-23 18:44 web全端小屋 阅读(123) 评论(0) 推荐(0)
摘要:E:target 表示当前的URL片段的元素类型,这个元素必须是E E:disabled 表示不可点击的表单控件 E:enabled 表示可点击的表单控件 E:checked 表示已选中的checkbox或radio E::after 生成内容在E元素后 E:not(s) 表示E元素不被匹配 E~F表示E元素毗邻的F元素E:first-line选中第一行文字E:first-letter选中第... 阅读全文
posted @ 2017-09-23 18:43 web全端小屋 阅读(266) 评论(0) 推荐(0)
摘要:E:nth-child(n) 表示E父元素中的第n个字节点 p:nth-child(odd){background:red}/*匹配奇数行*/ p:nth-child(even){background:red}/*匹配偶数行*/ p:nth-child(2n){background:red} E:nth-last-child(n) 表示E父元素中的第n个字节点,从后向前计算 E:nth-of-... 阅读全文
posted @ 2017-09-23 11:22 web全端小屋 阅读(187) 评论(0) 推荐(0)
摘要:div[name=jewave] 选取属性名为name且属性值是"jewave"的元素 div[name^=jewave]选取属性名为name且属性值以"jewave"开头的元素 div[name$=jewave]选取属性名为name且属性值以"jewave"结尾的元素 div[name*=jewave]选取属性名为name且属性值中存在"jewave"的元素 div[name~=jewave]... 阅读全文
posted @ 2017-09-23 11:19 web全端小屋 阅读(164) 评论(0) 推荐(0)
摘要:有多个页面,有的有固定的头部(设置了postion:fixed的元素),有的没有固定的头部,这时就有个问题,有固定头部的页面,头部会遮挡下面的内容,那怎么解决呢? 这样,头部下面的元素h1不用额外设置margin-top,而且由于header外层新增了div.fixedtop,从而实现h1不会被he 阅读全文
posted @ 2017-02-20 12:15 web全端小屋 阅读(16596) 评论(0) 推荐(0)
摘要:之前听人说过,网站制作中字体单位应该用em而不用px,为什么呢?原因简单来说就是em支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。px是绝对单位,不支持IE的缩放,而em是相对单位支持字体缩放。而rem是一个更好的东西。如果没有兼容IE8的顾虑(rem需要IE8+... 阅读全文
posted @ 2015-12-28 14:55 web全端小屋 阅读(308) 评论(0) 推荐(0)