css基础知识6（宽高及高级属性）

宽度自适应

1.作用

网页布局中经常要定义元素的宽和高，元素的大小能够根据窗口或子元素自动调整称为自适应。元素自适应在网页布局中非常重要，它能够使网页显示更加灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。

2.实现方法

1）宽度自适应：元素宽度设置为100%。（块元素默认为100%）
2）元素具备自小高度的自适应 min-height属性：最小高度
3）说明：IE6浏览器不识别该属性，height属性在IE6里就类似于min-height作用。
4）min-height（最小高度）
max-height（最大高度）
min-width（最小宽度）
max-width（最大宽度）
IE6及以下版本不识别该组属性

高度自适应

1.元素高度自适应窗口高度

设置方法:html,body{height:100%}
需要自适应的元素:height:100%;

2.自适应元素高度：

父元素：height：value；
需要自适应父元素高度的子元素：height：100%；

3.auto和100%

height:auto是指根据块内内容自动调节高度
height:100%是指相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。

表单高级属性

1.表单的组成

表单域：<form name="" method="" action="'></form>
表单控件：<input type="text" value=""/>
提示信息

2.表单字符集

语法：<fieldset></fieldset>
说明：相当于一个方框，在字段集中可以包含文本和其它元素。说明该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁制可用。

3.字段级标题

语法：<legend></legend>
说明：legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素。

4.提示信息标签

语法：<lable for="绑定控件id名"></lable>
说明:lable元素用来定义标签，为页面上的其它元素指定提示信息。要将lable元素绑定到其它的控件上，可以将lable元素的for属性设置为与该控件的id属性值相同。