CSS基本語法和基礎選擇器

2021-10-01 15:56:06 字數 509 閱讀 2957

前端學習經驗(5)

部分:

這是乙個盒子

css的引用方式:

標籤內引用:直接在標籤內新增樣式。

這是乙個盒子1

內部引用:在內新增樣式。這是乙個盒子3

編寫乙個字尾名為index.css的檔案:

div

標籤選擇器:選中指定標籤,進行樣式

標籤名

如: div

類選擇器:所有標籤都具有class屬性,給class設定乙個值,然後對這個值(作為選擇器使用)進行樣式。同乙個頁面中類選擇器可以多次使用。

.值

如:這是乙個盒子4

id選擇器:選中指定的帶有id屬性的標籤,給id設定乙個值,然後對這個值進行樣式,同乙個頁面中id選擇器建議使用一次。

#值

如:這是乙個盒子5

css的基本語法和選擇器

我們上一章簡單了解了怎麼在檔案裡寫入css和盒模型的具體結構。我們這一章說一下css的語法 css的語法要點有三點 1.選擇器,2.大括號,3.多條生命。大概的公式是 選擇器 我們繼續拿之前的頁面說 選擇器是一種在複雜的頁面裡面快速找到你要渲染的 乙個或者多個 元素的標示方式 由於我們關於選擇器要講...

css語法和選擇器

4.css語法 格式 選擇器 選擇器 篩選具有相似特徵的元素 注意 每一對屬性需要使用 隔開,最後一對屬性可以不加 5.選擇器 篩選具有相似特徵的元素 分類 1.基礎選擇器 1.id選擇器 選擇器具體的id屬性值的元素.建議在乙個html頁面中id值唯一 語法 id屬性值 注意 id選擇器的優先順序...

css語法選擇器

表示的選擇所有的節點 表示的是id為container的 節點 container選擇所有class屬性是container的節點 li a 選擇所有的li標籤下面的a元素 ul p 選擇ul後面面的第乙個p元素 div container ul 選擇id是container的div的第乙個ul元素...