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