CSS選擇器

時間 2019-11-10

標籤 css 選擇器欄目 CSS 简体版

原文原文鏈接

<!DOCTYPE>聲明標籤：
定義和用法：css

聲明必須是HTML文檔的第一行，位於<html>標籤以前。html

其聲明不是HTML標籤，它是指示web瀏覽器關於頁面使用哪一個HTML版本進行編寫的指令。web

在HTML4.01中,<!DOCTYPE>聲明引用DTD，由於HTML4.01基於SGML.DTD規定了標記語言的規則，這樣瀏覽器才能正確的呈現內容。瀏覽器

HTML5不基於SGML，因此不須要引用DTD。框架

HTML5：<!DOCTYPE html> <meta charset=’utf-8’>
HTML4:
<!DOCTYPE HTML PUBLIC 」-//w3c//DTD HTML 4.01Transitional//EN」http://www.w3.org/TR/html4/loose.dtd>
該DTD包含全部HTML元素和屬性，包括展現性的和棄用的元素好比(font)，不容許框架集（Framesets）.
<meta http-equiv=Content-Type content=」text/html;charset=utf-8」>
注意規則：
單標記必須閉合如：<br>必須爲<br/> <input/>
單屬性必須添加屬性值：<input type=’radio’ checked>必須寫爲<input type=’radio’ checked=‘checked’/>
標記和屬性必須使用小寫：<Body><BODY/> 必須寫爲<body>
屬性的屬性值必須使用：在HTML4.01z以前能夠使用<body bgcolor=red>,HTML4.01必須寫爲<body bgcolor=」red」>ui

使用CSS樣式的方式定義：
內聯式樣式：在單個元素裏面寫CSS：<body style=」background-color:red;」>htm

嵌入式樣式表裏面寫CSS：<style type=」text/css」>
Body{
background-color:red;
}
</style>
例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS初體驗</title>
<link rel="stylesheet" type="text/css" href="FirstStyleCss.css"/>

</head >
<body style="background-color:red">
<h1 style="background-color:white"> 這個字是什麼色呢？</h1>
</body>
</html>utf-8

引入式樣式表引用CSS文件：
<link rel="stylesheet" type="text/css" href="style.css"/>
href裏面文件在單獨的一個樣式表裏面。
HTML標記定義（CSS選擇器）：
<p></P>對該元素定義：p{屬性：屬性值；}
Class定義：
<p class=」pp」「></P>對該元素定義：.pp{屬性：屬性值；}
ID定義: <p id=」pp」「></P>對該元素定義：#pp{屬性：屬性值；} id選擇器是一個惟一選擇器。

優先級：ID>Class>HTML。同級時選擇離元素最近的一個。
組合選擇器（同時控制多個元素）h1,h2,h3,.div{font-size:14px;color:red;}
僞元素選擇器：
a:link:正常鏈接的樣式；
a:hover:鼠標放上去的樣式；
a:active:選擇連接時的樣式
a:visited:已經訪問過的鏈接的樣式；
例子：
a:link:{color:red;}
a:hover:{color:green;}
a:active:{color:red;}
a:visited:{color:green;}
CSS疊加樣式：
文檔

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。