作用：通過選擇器選擇html元素，並將樣式渲染到元素上
分類：基本選擇器
組合選擇器
屬性選擇器
偽元素選擇器、偽類選擇器
代表選擇所有的html元素，包括html和body標籤
css：
*lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
css_3title
>
rel=
"stylesheet"
href
="3.css"
>
head
>
>
body
>
html
>
div>
>
div1
>
div2div
>
>
p1p>
123div
>
>
p2p>
body
>
效果：div標籤都加上了邊框，div裡的字型都變成了紅色
id選擇器用#開頭，後跟id名，相當於*#id_name，即選中所有標籤裡面，id=id_name的元素 也可以寫成：標籤名#id_name，即選中某標籤下，id=id_name的元素
通常程式設計習慣為：id具有唯一性，有且僅有乙個標籤，且與他人不同。
而css中，乙個元素只能設定乙個id，但可與他人相同。css中還有乙個class標籤，乙個元素可以設定多個class，並且可與他人一樣。
在此方面，可人為將id設定成唯一，並且推薦，將id用於js，css使用class，避免程式設計思維上的衝突
css檔案：#txt = *#txt，在此處也等於p#txt
#txt
/* 或者寫成：
p#txt */
>
>
div1
>
div2div
>
"txt"
>
p1p>
>
p2p>
div>
>
p3p>
body
>
效果：設定了id的p標籤裡的文字變成紅色
若同乙個p標籤設定了兩個id，則兩個id的樣式均不生效
css檔案：
#txt
>
>
div1
>
div2div
>
"txt txt2"
>
p1p>
>
p2p>
div>
>
p3p>
body
>
效果：沒有文字為紅色，也沒有文字的字型是放大的
css檔案：.txt = *.txt，在此處也等於p.txt
.txt
>
>
div1
>
div2div
>
class
="txt"
>
p1p>
>
p2p>
div>
>
p3p>
body
>
效果：只有定義了class的元素才有影響
乙個元素中，class可以設定多個
css檔案：
.txt
.txt2
>
>
div1
>
div2div
>
class
="txt txt2"
>
p1p>
>
p2p>
div>
>
p3p>
body
>
前端入門篇
作為乙個後端的開發，我其實不想設計到前端的開發。雖然都會是不錯的體驗，但是術業有專攻，還是揚長避短才能成就部分期待。但是沒有什麼能獨善其身，一方面環境使然，一方面前端的良好的效果能促進完成更好的產品，更加符合自己期待的東西，所以開始吧 前端目前的框架主流是vue react angular 推薦re...
web前端基礎學習入門篇
web前端基礎學習入門篇 一 1 xhtml css 標記語言 一 web標準的概念及組成 w3c制定的結構和表現的標準 結構 xhtml xml 主要是網頁的基本結構 表現 css 主要對網頁樣式進行修飾 ecma制定的行為的標準 行為 dom ecmascript 主要是在網頁上加一些動態的效果...
前端入門篇（二十）字型
1.字型font family 預設宋體，可以設定多個，當前面的字型沒有時，就用後面的，都沒有時，用預設字型，逗號隔開 2.字型大小font size 畫素px，em 字型大小大，是指定高度，寬度根據高度調整，預設16px，16px 1em 3.字型粗細font weight 9個級別，100 90...