盒模型,是XHTML+CSS布局页面中的核心!是关系到设计中排版定位的关键,都遵循盒模型规范,例如
、……盒模型包含 (外边距)margin,(内边距)padding ,(内容)content,(边框)border。...
页面布局有两种方式:1)浮动Float 2)定位Position...
还记得第二课我们做的例子的效果么?最后效果是,红色方块和蓝色方块都处于一行,我们使用“Float:left”,打击了块状元素的“霸道”即块状元素不允许其他元素和它处于同一行。我们将红色方块的CSS代码中加入了“Float:left;”后,红色方块终于允许蓝色方块和它处于同一...
CSS标签重置 对于XHTML+CSS布局起着一个重要的决定性作用,它是提高页面浏览器兼容性的第一步。 那么什么是标签重置呢? 顾名思义,就是对HTML中的所有标签属性重置,因为每个浏览器都有一个自己默认的CSS文件,对HTML中的所有的标签进行定义,以便没有定义CSS的页面能够...
前四节的大练习大家做的怎么样?有没有难度,如果你觉着有难度没有关系,这节课,我带着大家做一下这个练习!我们先来分析一下这个页面...
写完第七课,因为时间问题没有继续写第八课有关浏览器兼容方面的文章,以为大家可以自己掌握这方面的知识,不过发现有很多同学找了很多资料,很多文章去研究,费时费力的,效果也不好,今天是星期六,我呢就再给大家补写这篇教程,带领大家用最短的时间掌握CSS Hack!...
【小技巧一】单图片按钮实例...
我记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,如下图,总是在前面加上8个“ ”,因为过去大家对CSS的概念也不太熟悉,也不太重视,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,如果再有些换行
,那代码显着比较...
CSS实例:定位(position)页面定位详解,定位(position)布局页面说容易非常容易,只需要记住这节课最后一句话就可以了,说困难,那是相当的难理解,需要一定的耐心,不过还好,KwooJan给大家总结的已经很通俗易懂了。 ...
JS封装的CSS圆角框组件 V1.0 在本次封装中,增加了对真正img标签引用的图片实现圆角化,之前的圆角图片大多是基于背景图片的,因为纯css无法实现img图片的圆角,有了js的加入,就变成可能了。并且在这次封装过程中修正了上次的背景图片下面两个圆角图片的定位错误问题。...