(相關資料圖)

span：為了突出沒寫文字字體樣式：  font-family：字體類型  font-size：字體大?。╬x像素，cm厘米，mm毫米，em跟隨父級，rem根目錄）  font-weight：字體粗細（normal默認，bold加粗，bolder更粗，lighter更細）  font-style：字體風格（normal系統默認，itacle：斜體）  font還可以同時設置四種：（順序為：風格一粗細一大小一類型）  例：  font:itacle bold 20ox "楷體"文本樣:  文本顏色：color（rgb:r指的是紅色分量，g指的是綠色的分量，b指的是藍色的分量取值范圍均是0-255;    在rgba的基礎上增加透明度，alpha取值范圍為0-1）  例:  color:red;  color:#222222  color:(255,0,255)  color:rgba(255,255,0,0.5)  文本水平對齊方式text-align：  屬性值：left居左，right居右,justify兩端對齊  例：  text-align: center;    首行縮進：text-indent  屬性值單位：px像素（一般字體大小的兩倍）    文本樣式：text-decoration:  屬性值：overline上劃線，underline下劃線，line-throudh刪除線，none無  例：  text-decoration: underline;  垂直對齊方式：  vertical-align  屬性值：middle居中，top：居上，bottom：居下（一般用于圖片和文字垂直對齊）  例：  vertical-align: middle;    文本陰影：text-shadow  例：（text-shadow：顏色 x軸偏移量 y軸偏移量 模糊半徑）  text-shadow: #0D7114 2px 2px 5px;超鏈接偽類：  鼠標點擊之前：link  例：  a:link{      color: black  }  鼠標點擊之后：  a:visited{      color: red;  }  鼠標懸?。篽over  a:hover{      color: purple;  }  鼠標點擊時：  a:active{      color: yellow;  }列表樣式：    1.list-style-type（none無，disc實心圓（默認的），circle空心圓，square實心正方形,decimal數字）  例：  ul{  list-style-type: circle  }  2.list-style  例：  ul{list-style: none;}背景顏色：  background-color背景圖片：background-image  例：  p{  background-image：url（"../image/bg.png"）  }背景圖片重復方式:background-repeat(no-repeat不重復，repeat-x沿x軸重復，repeat-y沿y軸重復)  例：  li{  background-repeat：no-repeat；  }背景圖片定位：background-position（x軸偏移量 y軸偏移量 ）  單位：1.像素px  2.百分百  3.可以為關鍵字（x軸left，right，center，y軸top，botton，middle）  例：  background-position：20px 30px；背景：background（可以同時設置背景圖片，背景顏色，背景定位，是否重復）  例:  background:blue url("../images/bg.png")20px 20px no-repeat;背景圖片尺寸：  background-size  （auto：自動  百分百：當使用百分百值時，不是相當于背景額尺寸大小來計算的，二是相  對于元素寬度來計算的  cover：整個背景圖片放大填充了整個元素  contain：讓背景圖片保持本身寬高比例，將背景圖片縮放到寬度或者  高度正好適應所定義背景的區域）線性漸變：linerar-gradient（漸變方向，顏色1，顏色2，顏色3，顏色。。。。）  linerar-gradient（to left,red,blue,aqua,yellow）