随笔分类 -  CSS

摘要:css+js+html基础知识总结一、CSS相关1、css的盒子模型:IE盒子模型、标准W3C盒子模型;2、CSS优先级机制:选择器的优先权:!important>style(内联样式)>[id>class>tag](选择器)样式的优先级:(外部样式)External style sheet Me... 阅读全文
posted @ 2015-09-15 14:24 HalfWater 阅读(1985) 评论(0) 推荐(0)
摘要:你可能碰到过这样的需求,一个高度不固定的区域(内容由用户创造),当鼠标经过该区域或者其神马操作时,需要出现一个与该区域一样大的模版;我们用一个span来处理这个mask。由于 .sample-1 和 .sample-2 的高度是不确定的,也就是说我们没有对它们定义 height。如果父元素没有定义高... 阅读全文
posted @ 2015-08-17 17:44 HalfWater 阅读(16135) 评论(0) 推荐(0)
摘要:语法:E:nth-child(n){ sRules }* 匹配父元素索引为n的子元素E:nth-child(n) 让你匹配到父元素的任一子元素:Figure 1: 选取ul第一个子元素li 如果我是红色,说明你的选择到了我,浏览器还颇为先进 落后的浏览器 落后的浏览器 落后的浏览器...#... 阅读全文
posted @ 2015-08-17 15:26 HalfWater 阅读(2197) 评论(0) 推荐(0)
摘要:这里把CSS3的新属性单独拿出来讲解一下:border-radius 属性用于创建圆角div{border:2px solid;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */} border-shadow 用于向方框添加阴... 阅读全文
posted @ 2015-08-15 10:31 HalfWater 阅读(777) 评论(0) 推荐(0)