一些HTML&CSS的基本操作命令(簡要)

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;//水平居中

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章