後端學前端之css

2021-10-01 21:24:28 字數 920 閱讀 7960

注意:css的注釋,只能使用/**/

css(cascading style sheets):層疊樣式表,是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化

層疊:樣式的疊加效果

樣式表:各種各樣的樣式的集合

html引入css樣式的三種方式

1)只改變乙個標籤

內嵌樣式:標籤中內嵌乙個屬性style屬性,屬性值部分就是css的具體的內容

2)當乙個標籤乙個標籤改變時,效率太慢,怎麼辦?

方式二:

內部樣式::內部樣式在head標籤中加入乙個style標籤,然後在style標籤中:利用選擇器獲得你想要定位的元素,然後在{}中書寫樣式。

這樣一下可以修改整個html網頁.

3)當有多個html需要同時修改相同的樣式,乙個頁面乙個頁面改,效率太慢,怎麼辦?

外部樣式:引入外部css檔案,擴充套件性好.

注:三種方式的優先級別

就近原則,誰離得近,最終樣式就是誰.

css選擇器

2.1基本選擇器

包括三種

元素選擇器 id選擇器 class(類)選擇器

我想學前端動畫 CSS之transition

屬性 描述css transition 簡寫屬性,用於在乙個屬性中設定四個過渡屬性。3transition property 規定應用過渡的 css 屬性的名稱。預設值all。3transition duration 定義過渡效果花費的時間。預設是 0。3transition timing func...

重學前端 2 簡單回顧css

css 文字陰影 css3 text shadow 水平位置 垂直位置 模糊距離 陰影顏色 層疊性1 含義 多種css樣式疊加,瀏覽器處理衝突的一種能力 2 原則 一般情況下,若出現樣式衝突,會按照css書寫的順序 以最後的為準,樣式不衝突,不會層疊 繼承性一般文字顏色和字型大小,font 開頭的屬...

重學前端之 關於閉包

剛開始學習前端的時候,學習閉包暈頭轉向,都不知道什麼是什麼,在接觸變成一段時間後發現因為自己基本功不紮實的原因導致基本概念不理解所以對閉包根本無法掌握,這篇文章以我自己的理解記錄一下學習對於閉包的學習歷程。區域性變數 可以簡單理解成函式內部申明的變數 全域性變數 可以簡單理解成最外層被申明的變數 複...