lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
常用選擇器title
>
>
/* 將所有的段落設定為紅色（字型）
標籤（元素）選擇器：
作用：根據標籤名來選中指定的元素
語法：標籤名{}
例子：p{} h1{} div{}
*//* p
h1 */
/* 將兒童相見不相識設定為紅色
id選擇器
作用：根據元素的id屬性值選中乙個元素
語法：#id屬性值{}
例子：#box{} #bottom()
*//* #red */
/* 將秋水....和落霞....設定為藍色
類選擇器（class選擇器）
作用：根據元素的class屬性值選中一組元素
語法：.class屬性值{}
例子：.blue{} .not{}
*//* .blue */
/* 通用(配)選擇器：
作用：選中頁面中所有元素
語法：*{}
例子：*{}
*//* * */
style
>
head
>
>
class
="yellow zero"
>
標題h1
>
>
少小離家老大回p
>
>
鄉音無改鬢毛衰p
>
"red"
>
兒童相見不相識p
>
>
笑問客從何處來p
>
class
="blue"
>
落霞與孤鶩齊飛p
>
class
="blue"
>
秋水共長天一色p
>
body
>
html
>
** id選擇器 執行結果為：**
類選擇器（class選擇器）執行結果為：
** 通用(配)選擇器 執行結果為：**
前端學習 css 初級
web開發中，html的每個元素都是盒子，盒子可以裝內容 content 可以有填充物 padding 有外殼 border 和 外保護層 margin 下圖為控制台中的盒子詳解 瀏覽器的控制台是我們了解乙個元素最好的乙個工具，下圖可以清晰的看出乙個盒子所擁有的屬性。元素的實際寬高 上圖可清晰的看出...
前端學習之路11 CSS
css層疊和繼承 顏色長度 css樣式由一條或多條以分號隔開的樣式宣告組成。每條宣告包含著乙個css屬性和該屬性的值，二者以冒號分隔。以 css為副檔名 可以用 import語句將樣式從乙個樣式表匯入另乙個樣式表 import語句必須位於樣式表頂端，樣式表自已的樣式定義不能出現在它之前。import...
前端學習之路CSS基礎學習二
1 width 為元素設定寬度 2 height 為元素設定高度 ps 塊兒級標籤才能設定長寬行內標籤設定長寬沒有任何影響 p 字型樣式 關鍵字 font family 作用 更改字型的樣式 字型大小 關鍵字 font size 作用 更改使用者的字型大小 p 文字顏色 關鍵字 color 作用 更...