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.表单的组成

表单域:


提示信息

2.表单字符集

语法:


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

3.字段级标题

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

4.提示信息标签

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

你可能感兴趣的:(css)