css基礎知識講解 1

2022-09-10 06:24:08 字數 2395 閱讀 3692

​ (cascading style sheets)層疊樣式表

樣式定義如何顯示 html 元素

樣式通常儲存在樣式表中

把樣式新增到 html 中,是為了解決內容與表現分離的問題

外部樣式表可以極大提高工作效率

外部樣式表通常儲存在 css 檔案中

相同權值情況下,css樣式的優先順序總結來說,就是——就近原則(離被設定元素越近優先級別越高):

內聯樣式表(標籤內部) > 嵌入樣式表(當前檔案中)> 外部樣式表(外部檔案中)

樣式規則格式:選擇符

單一選擇符的復合樣式宣告應該用分號分割: 選擇符、

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

/*值的不同寫法和單位

除了英文單詞 red,我們還可以使用顏色值 #ff0000:*/

p/*為了節約位元組,我們可以使用 css 的縮寫形式:*/

p/*我們還可以通過兩種方法使用 rgb 值:*/pp

id:定義元素在頁面中獨一無二的名稱#idclass:引用類選擇器時使用(css中).class, class命名不能以數字開頭

可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的宣告。

用逗號將需要分組的選擇器分開。

h1,h2,h3,h4,h5,h6

分3種情況:後代選擇器,子元素選擇器,相鄰兄弟選擇器

如:h1 em 

表示在h1標籤內部的所有em標籤

如:>

>

111em

>

h1>

或者:>

>

>

222em

>

h2>

h1>

h1 > strong 

h1標籤的內部第乙個標籤是strong時, 該strong標籤起作用

如:>

>

111111strong

>

h1>

不包括下面這種情況:

>

>

>

222222strong

>

h2>

h1>

h2 + strong  

h2標籤的下乙個strong標籤起作用

this will be styled<

/strong>

-起作用-

->

this will not be styled<

/strong>

-不起作用-

->

li + li 

>

>

>

list item 1li

>

>

list item 2li

>

>

list item 3li

>

ul>

>

>

list item 1li

>

>

list item 2li

>

>

list item 3li

> ol

>

div>

這個例子中li+li是選擇緊挨著li後面的第乙個

>

,所以第乙個

>

不會被選擇;

而第二個

>

是緊挨著第乙個li的,所有會被選擇;

是緊挨著第二個

>

的,也會被選擇。

a:link

/* 未被訪問的鏈結 */

a:visited

/* 已被訪問的鏈結 */

a:hover

/* 滑鼠指標移動到鏈結上 */

a:active

/* 正在被點選的鏈結 */

CSS基礎之 CSS基礎知識 1

結構至上,結構與表現分離。這是網頁標準化最優原則,也是web設計的最高境界。css全稱為 cascading style sheets 中文翻譯為 層疊樣式表 簡稱 css樣式表 又被我們稱為 css樣式 css樣式有時被作為一種能製作出各種樣式網頁的技術統稱。2000年,w3c公升級css為css...

Cmake基礎知識講解

本文主要參考 1.cmake編譯原理 cmake是一種跨平台編譯工具,比make更為高階,使用起來要方便得多。cmake主要是編寫cmakelists.txt檔案,然後用cmake命令將cmakelists.txt檔案轉化為make所需要的makefile檔案,最後用make命令編譯原始碼生成可執行...

Python基礎知識講解

1.1 配置環境變數 將python的安裝目錄新增到系統的環境變數中,在這裡python的預設安裝路徑是 c python27,按照下面的方法將python所在路徑新增到環境變數中 我的電腦 屬性 高階 環境變數 在path變數的末尾新增 c python27即可。不同變數使用 符號分隔 在cmd中...