div是乙個html的標籤,單獨使用沒有意義,必須結合css使用;
是乙個塊級元素,單獨佔一行;
它主要用於頁面的布局;
div是乙個html的標籤,單獨使用沒有意義,必須結合css使用;
是乙個內聯元素,顯示一行;
它主要用於對括起來的內容進行樣式的修飾;
層疊樣式表:同一元素,同一屬性,設定不同值;
解決內容與表現分離的問題(html只能將元素展現出來,內容樣式無法展示出來),對內容進行修飾;
*第一種寫法:寫在內部
*第二種寫法:外部引入
(選擇器:用於快速查詢需要設定樣式的元素)
選擇器
*最後乙個分號可省略
a. 元素選擇器:對整體設定樣式(div)
例子:
哈哈哈哈哈11
哈哈哈哈哈22
哈哈哈哈哈33
哈哈哈哈哈44
哈哈哈哈哈55
結果:
b. 類選擇器:部分設定樣式(. class名字)
例子:
哈哈哈哈哈11
哈哈哈哈哈22
哈哈哈哈哈33
哈哈哈哈哈44
哈哈哈哈哈55
結果:
c. id選擇器:單個設定樣式(# id名)
*注意:雖然44可以實現樣式,但不是id選擇器的目的,此處是有問題的。使用時只設定乙個。
例子:
哈哈哈哈哈11
哈哈哈哈哈22
哈哈哈哈哈33
哈哈哈哈哈44
哈哈哈哈哈55
結果:
d. 通配選擇器:選擇頁面中所有元素
*
e. 後代元素選擇器:(祖先元素 後代元素)
例子:選擇在中的
哈哈哈哈哈11
哈哈哈哈哈22
哈哈哈哈哈33
哈哈哈哈哈55
哈哈哈哈哈55
結果:
css css常用的選擇器
css的選擇器有標籤選擇器 類選擇器 id選擇器 層級選擇器 組選擇器 偽類選擇器 選擇器表示方式 標籤選擇器 直接使用標籤名 類選擇器 標籤指定class屬性,用 類名 表示 id選擇器 標籤指定id屬性,用 id名 表示 層級選擇器 標籤裡內嵌標籤,可以使用空格隔開定位後代標籤 組選擇器 選擇器...
web前端基礎 CSS css選擇器
選擇器就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器是指用 html 標籤名 稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的 css 樣式 td 02 你好li 北京li 好好學習,天天向上li ul div css部分 1 標籤選擇器 ul...
CSS CSS 凡境 前期 基礎選擇器
點進這篇部落格學習前端的人,肯定都不是十三十四的小孩子了吧.那麼肯定都已經看過 鬥破蒼穹 這篇 吧.css這個階段我打算大體上分三章講完,然後每章的標題我都會以靈魂境界來進行劃分學習的難易程度,希望大家認真學習 相信學過html的都知道,用html做出來的網頁用乙個共性就是 醜 看上去總覺得不像那麼...