css基礎知識6(寬高及高階屬性)

2021-09-25 03:59:15 字數 981 閱讀 3419

網頁布局中經常要定義元素的寬和高,元素的大小能夠根據視窗或子元素自動調整稱為自適應。元素自適應在網頁布局中非常重要,它能夠使網頁顯示更加靈活,可以適應在不同裝置、不同視窗和不同解析度下顯示。

1)寬度自適應:元素寬度設定為100%。(塊元素預設為100%)

2)元素具備自小高度的自適應 min-height屬性:最小高度

3)說明:ie6瀏覽器不識別該屬性,height屬性在ie6裡就類似於min-height作用。

4)min-height(最小高度)

max-height(最大高度)

min-width(最小寬度)

max-width(最大寬度)

ie6及以下版本不識別該組屬性

設定方法:html,body

需要自適應的元素:height:100%;

父元素:height:value;

需要自適應父元素高度的子元素:height:100%;

height:auto是指根據塊內內容自動調節高度

height:100%是指相對父塊高度而定義的高度,也就是按照離它最近且有定義高度的父層的高度來定義高度。

表單域:

表單控制項:

提示資訊

語法:

說明:相當於乙個方框,在字段集中可以包含文字和其它元素。說明該元素用於對表單中的元素進行分組並在文件中區別標出文字。fieldset元素可以巢狀,在其內部可以在設定多個fieldset物件。disabled定義空間禁制可用。

語法:

說明:legend元素可以在fieldset物件繪製的方框內插入乙個標題。legend元素必須是fieldset內的第乙個元素。

語法:

說明:lable元素用來定義標籤,為頁面上的其它元素指定提示資訊。要將lable元素繫結到其它的控制項上,可以將lable元素的for屬性設定為與該控制項的id屬性值相同。

CSS基礎知識(高階技術)

css使用者介面樣式 溢位的文字省略號顯示 css精靈技術 sprite display 設定或檢索物件是否及如何顯示 語法 display none 隱藏物件 display block 除了轉換為塊級元素之外,同時還有顯示元素的意思 特點隱藏之後,不再保留位置 設定或檢索是否顯示物件 語法 vi...

CSS盒子模型各屬性層級及基礎知識

1.設定浮動屬性後,會對相鄰的元素產生影響,相鄰元素特指僅鄰後面的元素。2.受到影響的元素清除flow影響的方法 clear both 只適用於緊鄰後面的元素的清楚浮動,而當父包含塊縮成一條時就不起作用了。或者同時設定width 100 overflow hidden 例p受到影響,p 3.三種定位...

CSS入門基礎知識(四) 文字屬性

css text 文字 屬性可定義文字的外觀,比如文字的顏色 對齊文字 裝飾文字 文字縮排 行間距等。color屬性用於定義文字的顏色。text align屬性用於設定元素內文字內容的水平對齊方式。text decoration屬性規定新增到文字的修飾。可以給文字新增下劃線 刪除線 上劃線等。例子 ...