CSS前端總結

一、CSS基本介紹

1、在web中标準中具體的要求是：結構.樣式.行為三者相分離 2、2、CSS的作用是修飾目前網頁中html元素

二、存放于head 标簽中 title 标簽的下面是style 是一個雙标簽 裡面用來寫css代碼的

三、Css使用的核心思想是：通過具體的css選擇器找到某一個或者多個HTML元素後對其進行設定。

四、CSS體驗使用<标簽選擇器>它的作用：就是選中我們想要設定樣式的元素【可能是一個 也可能是多個】

五、在css中有很多的選擇器。人為分為兩大類（1：簡單選擇器 2：複合選擇器）

六、簡單選擇器:【标簽名選擇器 類名選擇器 id選擇器】

七、.元素展示類型分類

1.元素展示類型分為三種【塊元素，行内元素，行内塊元素】

2.塊元素【獨占一行，寬高有效】

1. 行内元素【一行顯示，寬高無效】

4.行内塊元素【一行顯示，寬高有效】

5.标簽：div 他是雙标簽，塊元素，标簽：span 他也是一個雙标簽，行内元素，

6.注意：段落标簽中不能嵌套标題标簽，浏覽器解不能正常解析7.轉成塊元素display：block 轉成行内塊 display：inline-block

轉成行内元素display：inline

8.簡單選擇器的權重最大到最小以次是：id 類名 标簽名

9.(繼承一般都發生在塊元素身上)

八、.複合選擇器：後代選擇器和并列選擇器

1.後代選擇器

1. 并列選擇器

選擇器權重 – 複合選擇器

簡單選擇器： id > class > element【标簽名】

CSS寫法介紹

1.内嵌CSS

内嵌：把他放在head标簽中（為了提高頁面加載性能）

2、行内CSS（寫在具體點的html标簽上）【權重最高】

3、外鍊CSS:将CSS 代碼寫在外部獨立的CSS檔案中 < link href=”CSS檔案路徑” type=”text/css” rel = “stylesheet” />

4、< audio src=”音頻檔案位址【路徑中不能有中文】”> < /audio>

例如：< audio src=”music/yinyue.mp3” autoplay controls loop > < /audio> 【autoplay:自動播放】、【controls:控制播放】、【loop：循環播放】

5、< video width =”200px” autoplay controls loop > </ video>

常見的文字樣式：行高（line-height）、水準（text-align）、字型大小（font-size）、字型粗細（font-family）、字型顔色（color）。