网页布局教程:掌握CSS网页布局属性
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-02
| 很多人可能会很模糊。其实是相对的，不过现在我写的习惯主要是使用class比较多，我觉得这个更方便并适合自己的编写习惯。 以下是网页教学网整理认为需要首先认识和掌握基本常用的属性： CSS必须了解和掌握的重要属性： margin : auto | length 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说，左右外延边距可以是负数值。 padding : length 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。 float : none | left |right 这个是浮动，在定义布局中必定用到的属性，在使用它的时候要注意产生的走位和浏览器兼容性问题，要在很多的实践操作中多了解这个属性。有这个属性就要了解以下这个配套使用的属性“清除” clear : none | left |right | both; none 允许两边都可以有浮动对象both不允许有浮动对象;left不允许左边有浮动对象 right不允许右边有浮动对象。 background:url(images/aardvark.gif) left top no-repeat | repeat-x | repeat-y 定义背景图片来美化版面也是我们很常用到的属性。 overflow : visible | auto | hidden | scroll 这个作用在布局中我通常利用他来防止、解决浏览器兼容出现问题 border:1px solid #CCCCC 这个是定义边框大小，线条，颜色的属性。 list-style-image list-style-position list-stle-type 这个列表属性通常使用在有序列表和无序列表当中，列表在定义网页标题索引文字连接中经常使用，这是验证CSS定义优越于表格的典型代表。 以上是网页教学网认为在学习CSS中必须要熟记和理解的CSS属性，充分理解了它门的特性能够大大提高我们应用布局的自由度。所以学习这个并不是很难，掌握以上样式你会发觉，以前不了解的时候做起页面来感觉力不从心，掌握后很自然根据自己的逻辑思维完全可以去实现自己想要的布局和版面，并且CSS抵触情绪会缓解很多。 谈到这，我要提出一个很常见的问题。我认为WEB标准并不是禁止table全部使用DIV,包括我自己刚开始的时候也有这样的错误想法，“标准”我的理解是规范设计 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 你怎么书写CSS代码？下一篇: CSS教程：表单元素不继承body的字体属性
关于网页布局教程:掌握CSS网页布局属性的所有评论
