1.標題:<h></h> 段落:<p></p>
2.使元素水平(橫向):float:left;
3.設置網頁背景顏色,background-color:顏色;以圖片作爲背景background-image:url(image(路徑).png/jpg);
4.關於文本:顏色:color:顏色; 行高:line-height: ; 文字間距:word-spacing: 字母間距:letter-spacing:
空白屬性:white-spacing:;輸入pre,瀏覽器顯示原文本中所有 回車和空格;輸入nowrap使所有空格成爲非斷行空格
輸入normal,正常方式處理空格,即在代碼中無論出現多少個空格,在瀏覽器中只顯示一個空格;
字體大小:font-size:;對齊文本:text-align:center/right/left;
修改文本大小寫:text-transform:capitalized(每個單詞首字母大寫);
uppercase(所有字母大寫);lowercase(所有字母小寫);
字體:font-family:字體;粗體:font-wedth
5.盒子模型:html中添加<div id=名稱 >內容</div> css中設置#名稱{ width:; height:; margin:auto; padding:10px 20px 10px 20px;
border:1px solid 邊框顏色; }等屬性
6.使div盒子邊框爲圓或者橢圓:text-radiuc:50%;<數字可更改>
7.設置水平垂直居中:
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;//垂直居中
-webkit-justify-content: center;
justify-content:center;//水平居中