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; //指定兩個盒子接壤