首先我們已經瞭解過網頁設計的基礎html，具體怎麼美化怎麼更加方便的設計文字的樣式等方面，所涉及的知識點稱爲css，在後期網頁美化中非常重要。以下主要分兩個模塊來介紹css。
第一：常涉及到的三種層疊樣式表，分別是：
1、行內樣式表
<標籤 style="樣式名：樣式值;"></標籤>
該方式不經常使用
2、頁面內樣式
<head>
<style>
標籤名{
樣式名：樣式值；
}
</style>
</head>
首先在<head>裏面嵌套一個 <style><style> 然後具體再在裏面進行樣式參數取值。
3、外部鏈接表
<head>
<link rel="stylesheet" type="text/css" href="鏈接樣式表文件.css"/>
</head>
首先要在html下的<head>裏面加入<link rel="stylesheet" type="text/css" href="鏈接樣式表文件.css"/>其次再新建一個css文件，然後再該文件下編輯樣式界面設定語句。
標籤名{
樣式名：樣式值；
}
此時的標籤名可以由三種方式，分別是
類選擇器
.name{}
調用：
<any class="name"></any>
ID選擇器
命名：
#name{}
調用：
<any id="name"></any>
標籤選擇器
標籤名{}
調用
<標籤>
注意：id選擇器以#開始，單詞調用。而class類選擇器可以多次調用，以. 開始。
以上三種層疊樣式表的優先級如下：
行內>頁面內>外部樣式表
第二：所涉及常用屬性以及屬性值color:red; //字體顏色：紅色
text-align:center; //文本居中 left/center/right/justify 左/中/右/兩端對齊
font-weight:bold; //字體加粗 bold/bolder
font-style: italic; //字體傾斜
text-decoration: underline/none; //下劃線/去掉下劃線
font-size:19px; //字體大小：19像素；
font-family:宋體；
font:19px 宋體; //字體大小 字體；
background:背景顏色 背景圖片 背景是否重複 背景定位位置
//背景圖片 url(圖片路徑)
// 是否重複 repeat/no-repeat/repeat-x/repeat-y 重複/不重複/水平重複/垂直重複
//背景定位位置 left/center/right 水平左中右 top/center/bottom 垂直上中下
background-size:精確像素/百分比 /em/rem 背景圖片大小控制
background-attachment: scroll; //背景圖片固定定位 scroll 滾動 fixed 固定
width:400px; 寬度
height:300px; 高度
border:solid 1px #000; 邊框線 ：實線 線粗細 線顏色
線型：solid 實線 double 雙線 dotted 點狀線 dashed 虛線 none無邊框線
填充：
padding-top
padding-left
padding-right
padding-bottom
簡寫：
padding:值
padding:a
一個值表示四邊相同的填充
padding:a b;
兩個值表示上下是a，左右是b
padding:a b c;
三個值表示上是a,左右是b,下是c
padding:a b c d;
四個值表示：上，右，下，左
邊距：margin:值（同上）
*{ //通配符
margin:0;
padding:0;}
行高 ling-height 行間距
一般用行高佈局垂直對齊方式
行高和高度一致，內容在垂直正中間
行高比高度大，內容在偏下
行高比高度小，內容偏上
首行縮進
text-indent:2em; 首行縮進兩個字符
浮動：
float:left /right 左浮動、右浮動
margin:0 auto;水平居中
文本轉換 text-transform:uppercase/lowercase/capitalize
大寫、小寫、首字母大寫
列表：
list-style-type 列表樣式
list-style-image 列表圖片
list-style
行內元素(內聯元素) a span input img label select strong b
塊級元素 div p h1~h6 table ul ol dl form pre
display:block; 轉換爲塊級元素 （佔一行）
display:inline-block; 轉換爲行內塊 （寬高起作用）
display:inline; 轉換爲行內元素 （佔內容位置）
超鏈接四種狀態
a:link 訪問前的狀態
a:hover 鼠標懸停時狀態
a:active 鼠標點擊時的狀態
a:visited 訪問後的狀態