前端之CSS 上

## css介紹 css（cascading style sheet，層疊樣式表)定義如何顯示html元素。當瀏覽器讀到乙個樣式表，它就會按照這個樣式表來對文件進行格式化（渲染）。 ## css語法 css例項：每個css樣式由兩個組成部分：選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。例如：h1 選擇器屬性宣告值屬性宣告值 ## css注釋 /*這是注釋*/

快捷鍵是 ctrl + /

## 行內樣式行內式是在標記的style屬性中設定css樣式。不推薦大規模使用 hello world. ## 內部樣式嵌入式是將css樣式集中寫在網頁標籤對中，格式如下：hello world ## 外部樣式外部樣式就是將css寫在乙個單獨的檔案中，然後在頁面進行引入即可。推薦使用此方式。

## 基本選擇器 hello hello world hello china 哈哈哈welcome welcome china welcome british 屬性的引入方式 helloworldnice to meet you

## 不怎麼常用的屬性選擇器 /*找到所有title屬性以hello開頭的元素*/ [title^="hello"] /*找到所有title屬性以hello結尾的元素*/ [title$="hello"] /*找到所有title屬性中包含（字串包含）hello的元素*/ [title*="hello"] /*找到所有title屬性(有多個值或值以空格分割)中有乙個值為hello的元素：*/ [title~="hello"] ## 偽元素選擇器 before: /*在每個元素之前插入內容*/ p:before after: /*在每個元素之後插入內容*/ p:after #### before和after多用於清除浮動 '''選擇器的優先順序內聯樣式的權重為1000，id選擇器的權重為100，類選擇器的權重為10，元素選擇器的權重為1，權重計算永不進製 '''## css屬性相關 width屬性可以為元素設定寬度。 height屬性可以為元素設定高度。塊級標籤才能設定寬度，內聯標籤的寬度由內容來決定。 ## 字型屬性 # 字重（粗細） normal:標準粗細 bold:粗體 bolder:更粗 lighter:更細 100~900：設定具體粗細，400等同於normal,而700等同於bold inherit:繼承父元素字型的粗細值，預設值 # 文字顏色顏色屬性被用來設定文字的顏色。顏色是通過css最經常的指定：十六進製制值 - 如: ＃ff0000 乙個rgb值 - 如: rgb(255,0,0) 顏色的名稱 - 如: red

還有rgba(255,0,0,0.3)，第四個值為alpha, 指定了色彩的透明度/不透明度，它的範圍為0.0到1.0之間。

前端之CSS 上

阿里前端CSS上

1011 Day 42 前端之CSS（上）

前端之css之單位

前端之CSS 上

阿里前端CSS上

1011 Day 42 前端之CSS（上）

前端之css之單位

相關推薦