网页制作技巧总结:XHTML标签和CSS属性的适用性

2012-07-21 01:34:18  来源:网页教学网 

网页制作Webjx文章简介:xhtml标签元素可以分为:替换元素和非替换元素。

xhtml标签元素可以分为:替换元素和非替换元素
替换元素指:
通过标签和标签属性结合控制显示内容的元素。

如:<img />标签必须配合src属性一起定义图片显示;
表单元素<input>标签,必须配合type选择类型使用等;
非替换元素指:直接显示网页内容的元素(网页元素大多属于这一类)

xhtml标签元素还可以分为:块级元素和内联元素
块级元素:内容不换行(可以设置宽度和高度)
内联元素:内容换行(不可以设置宽度和高度)*除了内联元素的替换元素(可以设置宽度和高度)

css属性的适用性就是通过元素的不同,来判断哪些属性是可用的,哪些属性是不可用的.
css属性适用性汇总:
1)只用块元素适用:text-align;text-indent;clear;
2)只有定位元素适用:top/right/bottom/left;z-index;
3)只有列表元素适用(display:iist-item):list-style-type;list-style-image;list-style-position;
4)只有:before和:after适用:content;
5)只有行内元素和表格单元格适用:vartical-align;
********************************************
个别属性的适用性:
1)width/height/min-width/min-height/max-width/max-width的适用性:
所有元素,除了非替换元素的行内元素,表格行和表格行组
2)margin/padding适用性:
所有元素,除表格行;表格行组;表格列;表格列组;表格头部组;表格注脚组;
3)overflow适用性:
块级元素和替换元素
4)clip适用性:
只适用绝对定位元素(包括绝对定位和固定定位)

只有不断的总结才能更深入的理解知识和发现自己的不足。
更多