background-color:#ff0000; //設置背景顏色 background-image: url(stars.gif); background-repeat: repeat-x 設置背景圖片，設置重復方向，no-repeat為無,全屏 background-position:center;設置背景圖片的位置上，可以設置為 橫坐標？px,縱坐標？px
border-top:5px solid black;//設置邊框寬度，樣式，顏色,top可以設置方位，並且可以省略； border-style:solid;//設置邊框樣式，如實心，空心；border-color:black;//設置邊框顏色；border-width:4px;//設置邊框寬度
border-radius:20px; //設置邊框圓角
border-collapse: collapse; //為表格設置合並邊框模型;將兩條邊框合並為一條邊框
border-spacing:1px 50px; //設置相鄰單元格的邊界間的距離（僅用於“邊界分離”模式）。左右，上下
box-shadow: 10px 10px 5px #888888; //設置盒子陰影，右偏移，下偏移，擴散，顏色
color:#00ff00; //設置字體顏色
cursor:pointer; //設置光標屬性，光標圖案
clip:rect(0px,100px,140px,0px); //對圖像進行裁剪，上，右，下，左
display:none; //此元素不會被顯示。block,此元素將顯示為塊級元素，此元素前后會帶有換行符；等。
empty-cells:show; //在table表格里面，可以設置空的單元格顯示 empty-cells:hide; //在table表格里面，可以設置空的單元格隱藏
float:left; //左浮動，向左對齊；float:right; //右浮動，向右對齊 clear:both //清除浮動
font-style:normal；//字體樣式正常，italic字體樣式斜體，oblique字體樣式斜體
font-size:20px; //設置字體大小
font-weight:bold //設置文本粗細 font-weight:900
flex:1 //讓所有彈性盒模型對象的子元素都有相同的長度，並且忽略其內部的內容;
flex-direction //彈性盒對象,規定靈活項目的方向
<iframe src="//www.baidu.com" width="500px" height="500px"> //標記一個內聯框架，內嵌一個網頁
line-height:30% //設置行間距
letter-spacing: 20px //設置字母之間的間距
list-style:none; //不顯示ol圖標 ul{list-style:square url("sqpurple.gif");} //使用方形圖片作為每列標題
minlength="2" //最小輸入長度為 2
max-width:100px; //定義元素的最大寬度
margin:10px 5px 15px 20px; //設置所有外邊距屬性,可以縮小div區域 上,右,下, 左 margin: 0 auto；//上下為0，左右平分父空間，居中
min-height:100px; //段落的最小間距
list-style:none; //不顯示ol圖標 ul{list-style:square url("sqpurple.gif");} //使用方形圖片作為每列標題
overflow: scroll; //如果元素中的內容超出了給定的寬度和高度屬性，overflow 屬性可以確定是否顯示滾動條等行為，默認值是 visible。
outline:#00FF00 dotted thick; //border外面的線，可以設置的屬性分別是（按順序）：輪廓顏色，輪廓樣式，輪廓寬度
opacity: 0.5; //設置透明度級別 0-1
padding:10px 5px 15px 20px; //設置內邊距，可以擴大div區域 上，右，下，左
text-align:left;center;right; //文本左對齊，居中，右對齊
text-transform：//文字轉換屬性 uppercase全部轉換為大寫，lowercase全部轉換為小寫，capitalize轉換為首字母大寫
text-decoration:none; //overline：上划線，line-through：中划線，underline:下划線，none:無樣式 text-decoration: underline overline dotted red;上划線加下划線紅色虛線 text-decoration: underline overline dotted red;上划線加下划線藍色波浪
text-indent: -99999px; //將文字向左縮進，使用戶看不到
transform:rotate(25deg); //旋轉元素
required="required" oninvalid="setCustomValidity('請輸入')" oninput="setCustomValidity('')" //必填，可更改提示信息
vertical-align:20px; //設置向上偏移或者向下偏移
valign="top" //表格里的內容常用對齊方式，top,與內容進行上對齊；middle，居中對齊；bottom,下對齊；baseline,與基線對齊
width:50px; //height:100px; 設置寬度和高度
width:50px; //height:100px; 設置寬度和高度
writing-mode:vertical-rl; //書寫模式屬性，水平-TB，垂直-LR，垂直-RL，橫盤-LR，橫盤-RL
white-space:nowrap; //文本不會換行，文本會在同一行上繼續，直到遇到<br>標簽為止。
z-index: 0; //設置圖像的層級，越大則越在頂層
!important; //可以覆蓋父級的樣式,如果有同名稱的兩個樣式，總是優先執行
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; //指定兩個盒子接壤