(cascading style sheets)層疊樣式表
樣式定義如何顯示 html 元素
樣式通常儲存在樣式表中
把樣式新增到 html 中,是為了解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常儲存在 css 檔案中
相同權值情況下,css樣式的優先順序總結來說,就是——就近原則(離被設定元素越近優先級別越高):
內聯樣式表(標籤內部) > 嵌入樣式表(當前檔案中)> 外部樣式表(外部檔案中)
樣式規則格式:選擇符
單一選擇符的復合樣式宣告應該用分號分割: 選擇符、
css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。
/*值的不同寫法和單位
除了英文單詞 red,我們還可以使用顏色值 #ff0000:*/
p/*為了節約位元組,我們可以使用 css 的縮寫形式:*/
p/*我們還可以通過兩種方法使用 rgb 值:*/pp
id:定義元素在頁面中獨一無二的名稱#id
class:引用類選擇器時使用(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中...