css（cascading style sheets,層疊樣式表），作用是美化html網頁。
/*注釋*/ 注釋語法
1. 樣式表分類
①內聯樣式表
和html聯合顯示，控制精確，但是可重用性差，冗餘多。
例：內聯樣式表
②內嵌樣式表
作為乙個獨立區域內嵌在網頁裡，必須寫在head標籤裡邊。
③外部樣式表
新建乙個css檔案，用來放樣式表。如果要在html檔案中呼叫樣式表，需要在html檔案中點右鍵→css樣式→附加樣式表。一般用link連線方式。
有些標籤有些預設的邊距，一般寫樣式表**的時候都會先去除(也可以設定其他樣式)，如下：
2.選擇器
1、標籤選擇器。用標籤名做選擇器。
2、class選擇器。都是「.」開頭。
3、id選擇器。以「#」開頭
4、復合選擇器。
1）、用「，」隔開，表示並列。
2）、用空格隔開，表示後代。
3）、篩選「.」。
3.1 背景與前景
/*背景色，樣式表優先順序高*/
background-image:url(路徑); /*設定背景（預設）*/
background-attachment:fixed; /*背景是固定的，不隨字型滾動*/
background-attachment:scroll; /*背景隨字型滾動*/
background-repeat:no-repeat; /*no-repeat,不平鋪；repeat,平鋪；repeat-x,橫向平鋪；repeat-y,縱向平鋪*/
background-position:center; /*背景圖居中，設定背景圖位置時，repeat必須為「no-repreat」*/
background-position:right top; /*背景圖放到右上角（方位可以自己更改）*/
background-position:left 100px top 200px; /*離左邊100畫素，離上邊200畫素（可以設為負值）*/
background-color:設定元素背景顏色
字型font-family:"新宋體"; /*字型。常用微軟雅黑、宋體。*/
font-size:12px; /*字型大小。常用畫素12px、14px、18px。還可以用「em」，「2.5em」即：預設字型的2.5倍。還可以用百分數*/
font-weight:bold; /*bold是加粗，normal是正常*/
font-style:italic; /*傾斜，normal是不傾斜*/
font-variant 以小型大寫字型或者正常字型顯示文字。
color:#03c; /*顏色*/
text-decoration:underline; /*下劃線，overline是上劃線，line-through是刪除線,none是去掉下劃線*/
text-align:center; /*（水平對齊）居中對齊，left是左對齊，right是右對齊*/
vertical-align:middle; /*（垂直對齊）居中對齊，top是頂部對齊，bottom是底部對齊。一般設定行高後使用。*/
text-indent:28px; /*首行縮排量*/
line-height:24px; /*行高。一般為1.5~2倍字型大小。*/
display:none; /*none，不顯示；inline-block,顯示為塊，不自動換行，寬高可設；block，顯示為塊，自動換行；inline，效果同span標籤，不自動換行，寬高不可設。*/
visibility:hidden; /*可視性。hidden，隱藏但是佔空間；visible，顯示。*/
direction:設定文字方向 ltr預設 從左到右 rtl 文字方向從右向左
3.2 邊界和邊框
border（**邊框、樣式等）、margin（表外間距）、padding（內容與單元格間距）
border:5px solid blue; /*四邊框：5畫素寬、實線、藍色（相當於以下三行）*/
border-width:5px;
border-style:solid;
border-color:blue;
border-top:5px solid blue; /*上邊框：5畫素寬、實線、藍色（分寫同上）*/
border-bottom:5px solid blue; /*下邊框：5畫素寬、實線、藍色（分寫同上）*/
border-left:5px solid blue; /*左邊框：5畫素寬、實線、藍色（分寫同上）*/
border-right:5px solid blue; /*右邊框：5畫素寬、實線、藍色（分寫同上）*/
margin:10px; /*四邊外邊框寬度為10畫素。auto，居中。*/
margin-top:10px; /*上邊外邊框寬度為10畫素；其他三邊邊框類似*/
margin:20px 0px 20px 0px; /*上-右-下-左，四邊外邊框順時針順序*/
padding:10px; /*內容與邊框的四邊間距為10畫素*/
padding-top:10px; /*內容與邊框的上間距為10畫素；其他三邊間距類似*/
padding:20px 0px 20px 0px; /*上-右-下-左，內容與邊框的四邊間距順時針順序*/
3.3 列表與方塊
width、height、（top、bottom、left、right）只有在絕對座標情況下才有用
list-style:none; /*取消序號*/
list-style:circle; /*序號變為圓圈，樣式相當於無序*/
list-style-image:url(位址); /*做序號*/
list-style-position:outside; /*序號在內容外*/
list-style-position:inside; /*序號跟內容在一起*/
3.4鏈結的style：
a:link超連結被點前狀態
a:visited超連結點選後狀態
a:hover懸停在超連結時
a:active點選超連結時
在定義這些狀態時，有乙個順序l v h a
cursor:顯示游標移動到指定的型別
CSS層疊樣式表 定義樣式表
定義樣式表 1 html標記定義 p p可以叫做選擇器，定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性，他們之間需要用英語 隔開，最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...
CSS常用樣式表
常用的文字屬性 1.line height 設定行號，常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式，常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...
CSS層疊樣式表
一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊，並根據它來格式化文件 ...