1，偽類:before辈挂、 :after
- 這兩個(gè)偽類都是html中無法看到的，相當(dāng)于憑空變出來的裹粤。
- 二者都必須添加
display:block终蒂、content:""，里面的元素可以不加遥诉，也可以空格代替拇泣。 - 用途：
-
一個(gè)偽類設(shè)置，其他的子元素只要在class中加入父級(jí)元素名就可以自自動(dòng)生成同樣格式矮锈，減少工作量霉翔。
給要添加的元素加一個(gè)父級(jí)元素
2，塊級(jí)元素苞笨，行內(nèi)元素
- 塊級(jí)元素占一整行债朵，行內(nèi)元素（不能設(shè)寬高）可以display：inline-block
3，輸入框邊框當(dāng)點(diǎn)擊時(shí)會(huì)出現(xiàn)藍(lán)色的線處理方法
- input:focous{outline:none}
4瀑凝，span用法
-
span非常類似div序芦。但是div是塊級(jí)元素，而span是行內(nèi)元素粤咪。
5谚中，src url href rel
rel：relationship的英文縮寫。REL屬性用于定義鏈接的文件和HTML文檔之間的關(guān)系。
href：Hypertext Reference的縮寫宪塔。意思是超文本引用,href 屬性的值可以是任何有效文檔的相對(duì)或絕對(duì)URL磁奖，包括片段標(biāo)識(shí)符和JavaScript代碼段。常見的就是a標(biāo)簽中的某筐。
src: 一般指的是引用外部文件的路徑比搭，像img標(biāo)簽中src表示圖片的路徑。
url: 統(tǒng)一資源定位符南誊，是互聯(lián)網(wǎng)上標(biāo)準(zhǔn)資源的地址身诺。互聯(lián)網(wǎng)上的每個(gè)文件都有一個(gè)唯一的URL弟疆，它包含的信息指出文件的位置以及瀏覽器應(yīng)該怎么處理它戚长。一般就是瀏覽器地址欄填寫的。
重點(diǎn)：href 和 src 的定義與區(qū)別
href和src是有區(qū)別的怠苔，而且是不能相互替換的同廉。我們?cè)诳商鎿Q的元素上使用src，然而把href用于在涉及的文檔和外部資源之間建立一個(gè)關(guān)系柑司。
href (Hypertext Reference)指定網(wǎng)絡(luò)資源的位置迫肖，從而在當(dāng)前元素或者當(dāng)前文檔和由當(dāng)前屬性定義的需要的錨點(diǎn)或資源之間定義一個(gè)鏈接或者關(guān)系。當(dāng)我們寫下：
<link href="style.css" rel="stylesheet" />
瀏覽器明白當(dāng)前資源是一個(gè)樣式表攒驰，頁面解析不會(huì)暫停（由于瀏覽器需要樣式規(guī)則去畫或者渲染頁面蟆湖，渲染過程可能會(huì)被被暫停）。這與把css文件內(nèi)容寫在<style>標(biāo)簽里不相同玻粪，因此建議使用link標(biāo)簽而不是@import來吧樣式表導(dǎo)入到html文檔里隅津。
src (Source)屬性僅僅 嵌入當(dāng)前資源到當(dāng)前文檔元素定義的位置。當(dāng)瀏覽器找到
<script src="script.js"></script>
在瀏覽器下載劲室，編譯伦仍，執(zhí)行這個(gè)文件之前頁面的加載和處理會(huì)被暫停。這個(gè)過程與把js文件放到<script>標(biāo)簽里類似很洋。這也是建議把JS文件放到底部加載的原因充蓝。當(dāng)然，img標(biāo)簽頁與此類似喉磁。瀏覽器暫停加載直到提取和加載圖像谓苟。
6,border-radius:有四個(gè)值
- border-radius:作用是設(shè)置邊框圓角。
- border-radius:1px(左上角) 2px（右上角） 3px（右下角） 4px（左下角）
7协怒，position：absolute
- 如果定位選擇
absolute涝焙，想要針對(duì)某一元素進(jìn)行定位（當(dāng)該元素位置發(fā)生改變，此元素也相應(yīng)變化）則在其想針對(duì)的元素加position:relative斤讥。
8纱皆，負(fù)margin
待補(bǔ)充湾趾。芭商。派草。
9，以下為建立路徑所使用的幾個(gè)特殊符號(hào)铛楣，及其所代表的意義
.：代表目前所在的目錄近迁，相對(duì)路徑。 如：<a href="./abc">文本</a>或[站外圖片上傳中……(3)]
..：代表上一層目錄簸州，相對(duì)路徑鉴竭。 如：<a href="../abc">文本</a>或[站外圖片上傳中……(4)]
../../：代表的是上一層目錄的上一層目錄，相對(duì)路徑岸浑。 如：[站外圖片上傳中……(5)]
/：代表根目錄搏存，絕對(duì)路徑。 如：<a href="/abc">文本</a>或[站外圖片上傳中……(6)]
D:/abc/：代表根目錄矢洲，絕對(duì)路徑璧眠。
在使用相對(duì)路徑時(shí)，我們用符號(hào)“.”來表示當(dāng)前目錄读虏，用符號(hào)“..”來表示當(dāng)前目錄的父目錄责静。
