1. 程式人生 > >小白學習路之HTML元素樣式

小白學習路之HTML元素樣式

呀呀呀~第一次寫部落格呢,有些小激動,以前都只敢看看部落格裡的大佬們的講解,從不敢發言(因為自己太菜,好多都不懂,怕發表了什麼錯誤的言論)。但後來自己慢慢學會轉變“不敢說、不敢做、不敢嘗試”的觀念,現在我希望將自己在學習中學到的有意義的東西都分享出來,好的東西可以供大家參考學習,如果有說的不正確的地方也真誠的希望大家可以給我提出問題,我會虛心請教、好好學習噠! 因為是小白開始學習的東西都比較簡單,發表出來也是為了方便以後自己學習檢視,內容可能比較混亂,重點也可能不分明,還請諒解,我會在之後的學習中一點點改善的,嘻嘻嘻!

 HTML+CSS之background

 1. background-attachment:fixed; 設定背景滾動  2. background-color:gray;  設定背景顏色  3. background-image:url(bg.jpg);  設定背景圖片  4. background-repeat:no-repeat;  設定背景圖片不重複平鋪  5. background-position:center;  設定背景圖位置

 border         ``` <style>     div {         border: 1px solid red;  /*給div加一個1px,實線,紅色的邊框*/     } </style> ``` solid:實線 dashed:虛線 dotted:點線(IE6不相容)

 常見文字樣式

 - font-size:文字大小(一般均為偶數)  - font-family:字型  - font-weight:字重  - font-style:文字傾斜  - line-height:行高  - text-align:文字對齊方式  - text-indent:首行縮排  - text-decoration:文字修飾(有無下劃線)  - letter-spacing:字母間距  - word-spacing:單詞間距   表單元素

   - text:文字框  - password:密碼  - radio:單選框  - checkbox:複選框  - submit:提交  - reset:重置  - button:按鈕  - image:圖片  -  hidden:隱藏  - file:上傳檔案

``` <input type="checkbox" name="..." id="pid"/> <label for="pid">...</label> ``` label標籤為input元素定義標註