Archive for category: 假装看书

读《精通CSS-高级Web标准解决方案》

从同事手中获得《精通css》 久仰《精通…》大名 周末阅之 有少许失望 原因暂时有二 ①作者将块概念说成“框”概念 无论是新手还是老鸟 多少都有些难以接受和不解··· ②为强调“使用更少的标签来完成html”这一理念,作者将不适宜进行布局的ul元素进行了布局,个人认为有语义的元素标签不应该参与到布局中,更多的应该交给div和span,为了一个布局进行三层div的布局是可以接受的(如果超过三层请斟酌考虑使用其他办法解决布局!) 尽管有些小问题,但还是看到了一些知识点,也更加深入了解了一些基础知识,写出来与大家共勉·· ①css选择器 子选择器和相邻通报选择器 子选择器 .nav>li 相邻同胞选择器 .h1+p ②外边距叠加 当两相邻元素存在外边距时,取其中较大的margin值。 当一个元素包含另一个元素,且两个元素都有margin值,也遵循上一原则。 当一个空元素(无边框、无内边距、无内容)同时存在上下边距时,以较大的margin值为准。 ③相对定位和绝对定位 相对定位:元素占据其原本在文档流里的位置,并相对其原位位置根据设置(上下左右)值进行偏移。 绝对定位:元素脱离文档流,“相对于”最近的已定位的祖先元素,如果不存在已定位的祖先元素,则“相对于”最初的包含快。 ④背景图片属性值 使用像素值对背景图片进行定位,那么图片的左上角到元素左上角的距离为指定的像素值。 使用百分比对背景图片进行定位,则是取背景图片上的对应点。例如:background:url(../images/btn.gif) no-repeat 20% 30%; 则是以取背景图片左上角为基点,取x轴20%和y轴30%的一个对应点,再以元素左上角为基点,将这个对应点对应到距离元素x轴20%和y轴30%的地方。陆续增加中···