在html中添加css的幾種方法
第一種 行間樣式 給標簽添加一個style屬性，在style屬性中寫樣式屬性。
第二種 行內樣式， 在head標簽中添加style標簽，所有的樣式屬性都寫在style標簽中。
1.標簽名 p li a img 等
2.Id名 唯一的
3..類名 用class起 可以有多個
強調！ 標簽選擇器 權重是 1 類的權重是10 id的是100。
第三種 外部引入。
<link type=”text/css” rel=”stylesheet” href=”路徑”/>
Css常見的樣式
字體：font
顏色 color:red;
大小 font-size:20px; 20 是數字 px 是像素單位 默認字體nt是16px；
字體樣式 font-style
圖片：img
寬 width:200px;
高 height:200px;
Div 盒模型
Div是標簽，是一個模塊，方便我們頁面排版。
Div 是一個標簽，往往我做項目的時候，需要看到這個盒子所占的空間，常用的屬性是寬高，邊框。
邊框 border
邊框樣式 border-style:solid/dashed;
邊框顏色 border-color:red/black/blue;
邊框粗細 border-width:1px/2px;
這三個可以簡寫成 border:1px solid red;
Div的邊距
外邊距 margin-top:100px; margin-right:20px;margin-bottom:20px;margin-left:20px;
常見的margin設值方式
Margin:10px; 代表上右下左都是10px；
Margin:10px 20px; 代表上下 是10px 左右是20px；
Margi:20px auto; 上下都是20px 左右平均，效果是水平居中。
Margin:10px 20px 30px; 代表上是10px 左右是20px 下是30px；
Margin:10px 20px 30px 40px; 代表上是10 右是20px 下是30px 左是40px；
備注： 兩個挨着元素，當外邊距有重疊時，按最大的值，不會疊加。上面的兩個div
最終實際外邊距是30px。
文本樣式:text
文本對齊方式:text-align:center/left/right/justify;
文本縮進: text-indent:20px;
文本樣式:text-decoration:none/underline;
塊級元素: 不管內容多少，他都會獨占一行。
優點:方便寫網頁結構，缺點: 浪費太多排版。
特點：可以設置寬高，常見的 div p li ul 等
行級（內斂）元素： 不管內容多少 不會獨占一行。
特點：是不可以設置寬高 常見的 a span img input （后面兩個可以設置寬高）
塊級變成行級 ：在塊級css樣式上加個屬性 display:inline;
行級變塊級： 在行級css樣式上加個屬性 display:block;
行級塊元素 給這個標簽加屬性 display:inline-block; 既能設置寬高，又能在一行。
、
表格：table
表格標簽<table></table>
行標簽 <tr></tr>
單元格標簽<td></td>
單元格合並
水平合並 colspan=
上下合並 rospan=