css簡介及常用語法

2022-08-15 09:24:10 字數 1836 閱讀 6365

①. 什麼是css?

層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用記語言的

乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修

飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對

網頁物件和模型樣式編輯的能力。

層疊樣式表 : 層疊 樣式只會被覆蓋 而不會被替代

②. css 的使用方式

style屬性  --->  

style標籤 ---> head標籤裡面

link --->

③.基礎選擇器

html標籤選擇器

通過html標籤名來選擇元素

① 所有的html標籤都可以當做選擇器

② 無論標籤藏多深都會被選中

③ 選擇的是所有的標籤而不是具體某個標籤。所以說我們通過html標籤選擇器來設定的都是一些共性問題。

id選擇器

① 任何的標籤都可以有id屬性和屬性值(因為id是乙個全域性屬性)。id命名不能隨意的命名。

大小寫敏感 ,id的名字中可以有數字字母下劃線,但是要以字母開頭。

駝峰命名法 小駝峰命名 大駝峰命名

testheader 小駝峰 testheader 大駝峰

test-header test_header

② 但是id名不能夠重複

class選擇器

① 任何的標籤都可以使用class屬性(class屬性也是乙個全域性屬性) 

② class屬性名可以重複使用

③ 乙個class屬性中,可以有多個class屬性值。

二、綜合選擇器

1. 後代選擇器 div p 

2. 交集選擇器 div.d1

3. 並集選擇器 div,p

4. 子元素選擇器 div>p

5. 序列選擇器 ul li:first-child ul:li:last-child

6. 相鄰兄弟選擇器 div + p

7. 普通兄弟選擇器 div ~ p

三、繼承和層疊

1.繼承

父元素的某些css屬性會被子元素無條件的繼承過去。

關於文字的css屬性都可以進行繼承:

color text- line- font-

2.層疊

層疊解決的是css衝突的問題。
比較權重來解決層疊問題。

!important 能夠把"單獨屬性"的權重變為無限大。 盡量少用。
四、塊級元素和行內元素

div 塊級元素

span 行內元素

塊級元素和行內元素的區別:

1. 行內元素部不能夠設定寬度和高度。行內元素的寬度和高度是標籤內容的寬度和高度。塊級元素可以設定寬度和高度。

2. 塊級元素會獨佔一行。而行內元素卻部能夠獨佔一行,只能和其他的行內元素共用一行。

3. 如果塊級元素不設定寬度,那麼塊級元素會自動的沾滿父元素的全部寬度。

塊級元素和行內元素之間的轉換

display: inline block inlin-block

mysql常用語法 MySQL常用語法

更新資料 update 表名 set 健名 更改的值 where 建 刪除資料 delete from 表名 where 索引 create index 索引名稱 on 表名 鍵名 建立試圖 create view 檢視名 鍵,鍵 as select matchno,abs won lost fro...

mysql基本常用語法 mysql 常用語法

1.1.開啟 service mysql start 1.2.關閉 service mysql stop 1.3.重啟 service mysql restart 2.1.密碼明文 語法 mysql u使用者名稱 p使用者密碼 舉例 mysql uroot p123456 2.2.密碼密文 語法 m...

wiki常用語法

公司啟用了streber執行部分專案管理工作。streber基於wiki系統建立。在streber中,我們可以建立專案 project 可以為專案建立milestone task等等。與其他專案管理系統一樣,可以為每乙個task分配資源,指定執行時間。由於streber基於wiki組建,具備了wik...