border的邊框類型,html中文本框如何往下移動?
1.新建一個html文件,命名為test.html。
2.在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一個模塊,并設(shè)置div的class屬性為mydiv,主要用于下面通過該class來設(shè)置css樣式。
3.在test.html文件內(nèi),在div標(biāo)簽內(nèi),使用input標(biāo)簽創(chuàng)建一個文本框,并設(shè)置input的id屬性為myinput。
4.在test.html文件內(nèi),編寫<style type="text/css"></style>標(biāo)簽,頁面的css樣式將寫在該標(biāo)簽內(nèi)。
5.在css標(biāo)簽中,定義類名為mydiv的樣式,使用border設(shè)置div的邊框為1px灰色邊框,使用width設(shè)置div的寬度為400px,使用height設(shè)置div的高度為200px。在瀏覽器中打開test.html文件,查看文本框未下移前的效果。
6.在css標(biāo)簽內(nèi),定義id為myinput的樣式,使用margin-top設(shè)置文本框下移20px。
7.在瀏覽器打開test.html文件,查看實現(xiàn)的效果。
css固定邊框用什么?
css設(shè)置邊框可以用border簡寫屬性,它可以在一個聲明設(shè)置所有的邊框?qū)傩裕凑誦order-width、border-style、border-color順序設(shè)置;也可以單獨(dú)使用這幾個屬性來設(shè)置邊框樣式。
邊框?qū)傩越榻B:
border屬性:
一個簡寫屬性,在一個聲明中所有的邊框?qū)傩浴?/p>
可以設(shè)置的屬性分別(按順序):border-width, border-style,和border-color.
如果上述值缺少一個沒有關(guān)系,例如border:#FF0000;是允許的。
border-width屬性:
border-width 簡寫屬性為元素的所有邊框設(shè)置寬度,或者單獨(dú)地為各邊邊框設(shè)置寬度。
只有當(dāng)邊框樣式不是 none 時才起作用。如果邊框樣式是 none,邊框?qū)挾葘嶋H上會重置為 0。不允許指定負(fù)長度值。
border-style屬性:
border-style 屬性用于設(shè)置元素所有邊框的樣式,或者單獨(dú)地為各邊設(shè)置邊框樣式。
只有當(dāng)這個值不是 none 時邊框才可能出現(xiàn)。
css有沒有bordertop?
有的。
在css中,border-top屬性是一個簡寫屬性,是用來將元素上邊框的所有的屬性定義到一個聲明中,當(dāng)我們要單獨(dú)設(shè)置元素上邊框的顯示效果的時候,就可使用css中的border-top屬性來實現(xiàn)。
border-top屬性所定義的上邊框?qū)傩裕篵order-top-width(上邊框?qū)挾龋order-top-style(上邊框樣式)、border-top-color(上邊框顏色)。
css3新增功能?
1、css3新增的超級選擇器:屬性選擇器、結(jié)構(gòu)性偽類選擇器、UI元素狀態(tài)偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項目編號等內(nèi)容
3、文字陰影與自動換行
4、各類盒模型:總體分為block類型和in line類型,在細(xì)分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關(guān)類型、none類型
5、盒模型相關(guān)的屬性:overflow屬性(內(nèi)容溢出)、box-shadow屬性(盒陰影)、box-sizing屬性(寬高計算)
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式:border-radius屬性(圓角邊框)、border-image屬性(圖片邊框)
8、新增的 transform變形功能:rotate(旋轉(zhuǎn))、scale(縮放)、skew(傾斜)、translate(移動)
9、新增的動畫功能:transition(平滑過渡)、animation(關(guān)鍵幀)
10、布局相關(guān)樣式:多欄布局、盒布局、彈性盒布局
11、兼容性問題