当前位置: 首页 > Web前端 > CSS

重拾css(2)——从问题开始

时间:2023-03-30 14:05:35 CSS

来不及解释,上车吧...有些浏览器并不完全支持css3,可以用哪个工具检测浏览器是否支持,它支持哪些支持?物品?常用的html标签,其显示属性一般默认为block和inline。显示不是块状或行内的常用标签有哪些?这些标签的显示和块/内联有什么区别?你了解@import吗?怎么写表格的第一行红底,最后一行蓝底,中间一行灰/白底?是否使用了伪元素::before、::after?它们在哪里使用?css——层叠样式表,如何理解其中的“层叠”?“特异度”和“I-C-E”的计算规则你知道多少?具体了解起来不是很麻烦,关键是要分析多个css选择器和麻烦的计算。有一个简单的解决办法,一个四句话的公式,叫做“查理版的简单堆积点”,你明白吗?搜索“浏览器默认样式”,找到它,打开看看,里面包含了浏览器所有的默认样式,你看得懂吗?在你的开发系统的第一个css文件的第一行,你应该写上*{margin:0;padding:0},这是为什么呢?p{margin-top:50px;的样式是什么?margin-bottom:30px;}导致p之间的垂直距离?“盒子模型”大家都知道(不知道的赶紧补起来!!),盒子模型的宽度其实就是指内容的宽度,不包括padding、border、margin。其实这样对我们的CSS布局是非常不利的。有什么办法可以让宽度变成全宽吗?float的一些效果常常让我们傻眼(尤其是初学者)。其实如果你理解了float的设计初衷,也许你就会明白这些东西。float的设计初衷是什么?float被“包裹”了——例如:

abc

abc

宽度不同,不信可以加个背景top颜色试试。你了解这个“包裹”吗?试想一下,还有哪些元素(或css属性)也有这种“包裹”?float还有一个“破坏性”的表现,会导致父元素的高度塌陷。这个大家应该都知道吧?所以为什么?另外,哪个css属性也会导致这种“破坏性”?css清除浮动的三种方法,你知道吗?你通常如何清除浮动?业界最常用的经典清漂款式是什么?如何理解相对定位,它与绝对定位最根本的区别是什么?“定位上下文”知道吗?如何实现网页经典的三栏式布局?在不考虑IE6、7的情况下实现多列布局的最佳方法是什么?你用过inline-block吗,IE6和7兼容如何?