css的基本語法和選擇器

2021-09-24 08:23:40 字數 749 閱讀 4453

我們上一章簡單了解了怎麼在檔案裡寫入css和盒模型的具體結構。

我們這一章說一下css的語法:

css的語法要點有三點:1.選擇器,2.大括號,3.多條生命。大概的公式是:

選擇器

我們繼續拿之前的頁面說:

選擇器是一種在複雜的頁面裡面快速找到你要渲染的(乙個或者多個)元素的標示方式 。由於我們關於選擇器要講兩章,所以我們這第一章先帶你認識一下選擇器:

1.全域性選擇器

這就是乙個很典型的全域性選擇器的用法(但是不推薦這麼用)。由於每個瀏覽器預設的外邊距和內部的填充距離不一樣,所以我們索性就讓所有元素預設沒有外邊距和內部填充距離,用*來全部「初始化」一下,殺傷範圍最大 2.標籤選擇器

通過同一類別的標籤去做選擇的選擇器,殺傷範圍很大 3.類選擇器

類選擇器需要有兩點需求:

a.需要在標籤上加上class屬性

b.寫選擇器名字的時候前面帶上「.」

同乙個類選擇器可以對應著多個標籤

4.id選擇器

id選擇器同樣有兩點需求

a.在標籤上加上id做為屬性

b.寫選擇器的時候要加上「#」

理論上來說乙個id選擇器只能對應著乙個標籤,殺傷性最小,但是又最精準。

那麼問題來了如果在乙個類選擇器和id選擇器和標籤選擇器同時存在的情況下我們css渲染該聽誰的呢?這就是我們下一章要講的選擇器的權重

CSS基本語法和基礎選擇器

前端學習經驗 5 部分 這是乙個盒子 css的引用方式 標籤內引用 直接在標籤內新增樣式。這是乙個盒子1 內部引用 在內新增樣式。這是乙個盒子3 編寫乙個字尾名為index.css的檔案 div標籤選擇器 選中指定標籤,進行樣式 標籤名 如 div類選擇器 所有標籤都具有class屬性,給class...

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元素...