這是我自己平時在建站的時候，遇到的一些小技巧和重要的知識點，分享給大家
1.盒子的border 3要素：框形色
2.padding的顏色就是背景色，且是向外擴張
3.利用margin auto完成首頁居中
4.上下相鄰的普通元素（有的div設置了浮動，那就不是普通元素），上下邊距，並非簡單的相加，而是取其中較大的邊距值，這種現象叫做
margin重疊
5.盒子模型是塊狀（div）佈局分塊用，span是內聯 選擇文字用
6.text-indent：20px;縮進20像素 ********
text-decoration:line-through;（刪除線)
leteter-spacing:20px;(文字之間的距離)
line-height:(行高)
font-family:(字體)'SimHei'(黑體)
字體控制技巧：順序之分
font:italic bold 23px/46px "SimHei";
style weight size height family
風格 粗細 大小 行高 字體
sans-serif 無襯線，seirf 有襯線（新宋體）
7.設置背景圖片
background-image: url(small.jpg)
background-repeat: repeat-x/y/no-repeat;
background-attachment: fixed(固定); //相對於瀏覽器固定於一個位置，隨着頁面的滑動而滑動
8.css選擇器：id選擇器 class選擇器 標籤選擇器（如P標籤，div標籤） 派生選擇器（元素之間的上下級關係來聲明 僞類選擇器 通配選擇
器
9.CSS引入的4種方式
1）外部鏈接一個CSS文件，我們在HTML頭部分表明：
<link href="css/my.css" rel="stylesheet" type="text/css"/>
2)頭部直接寫入css：<style type="text/css"> div{margin:0;padding:0;border:1px solid red;}</style>
3)外接多個css文件時:<style type="text/css"> @import url(my.css)<style>
4)直接在html標籤裏寫入對這個標籤的CSS控制，如：<div style="border:1px solid red;">測試信息</div>
第二個可以聲明class 第三個 用float 浮動
10.插入圖片 <img src="juhua.jpg" alt="花圖" title="花圖" /> 34
搜索引擎用， 圖片的文字說明
11.去除li小黑點 list-style-type:none;
初始化css後，寫li,並用背景圖片+padding,來完成li小圖標的效果，且達到各瀏覽器兼容 36
12.在頁面內添加3個錨點，並建立3個鏈接
<a href="31.anchor.html#p1">p1錨點</a>
<a href="31.anchor.html#p2">p2錨點</a>
<a href="31.anchor.html#p3">p3錨點</a>
<a name="p1"></a>
<p>p1</p>
<a name="p2"></a>
<p>p2</p>
<a name="p3"></a>
<p>p3</p>
13.CSS允許我們針對A便籤的4種狀態設置各自的CSS特性，叫做CSS僞類
a:link{color:gray;}
a:visited{color:orange;}
a:hover{color:purple;}
a:active{color:black;}
注意：順序是lvha
active一般不必寫
a:link一般簡寫成a:
字符實體 在html開發中，有一些字符，不適於直接寫出，
如 ><"¥©
> < " RMB 商標
14.css畫圓角 border-radius:15px;(半徑)
px： width:300px;
heigth:300px;
border:1px solid red;
border-radius:150px;
(一個半徑爲150px的圓)
15overflow溢出處理:
overflow:visible;/auto;/hidden;/scroll;
16表單 ：
在用戶註冊，在線報名等場合時，需要把用戶的信息，填寫並提交，這是要用到表單來收集用戶的信息
<form action="http://www.baidu.com" method="post">這裏插入以下的填寫信息</form>
用戶名：<input type="text" name="usename" />
密碼：<input type="password" name="password" />
性別:男:<input type="radio" name="gender" value="男" />
女:<input type="radio" name="gender" value="女" />
愛好： 籃球<input type="checkbox" name="hobby" value="籃球" />
足球<input type="checkbox" name="hobby" value="足球" />
檯球<input type="checkbox" name="hobby" value="檯球" />
排球<input type="checkbox" name="hobby" value="排球" />
學歷：<select name="xueli">
<option value="請選擇">請選擇</option>
<option value="大學">大學</option>
<option value="高中">高中</option>
<option value="初中">初中</option>
上傳頭像：<input type="file" name="pic" />
17.塊級元素：就是一個方塊，像段落一樣，默認佔據一行出現；
18.內聯元素：又叫行內元素，顧名思義，只能放在行內，就像一個單詞，不會造成前後換行，起輔助作用。
19.一般的塊級元素諸如段落<p>、標題<h1><h2>...、列表,<ul><ol><li> 、表格<table>、表單<form>、DIV<div>和BODY<body>等元素。而內
聯元素則如: 表單元素<input>、超級鏈接<a>、圖像<img>、<span> ........ 塊級無素的顯著特點是：每個塊級元素都是從一個新行開始顯示
，而且其後的無素也需另起一行進行顯示。
20.相同的元素，如li，在不同的瀏覽器下，顯示的效果稍有不同，是因爲，不同的瀏覽器對各元素的margin，border，font-size
等略有不同，如果想杜絕這種情況，我們通過css強制讓所有元素的屬性值都一樣，這樣，瀏覽器顯示就一致了，減少了不兼容情況
的發生，這個過程叫做css初始化