css第一天 基礎選擇器

2022-06-21 12:24:08 字數 1572 閱讀 6960

css是什麼 ?

網頁的美容師,css的出現,拯救了混亂的html,當讓更加拯救了我們web開發者。 讓我們的網頁更加豐富多彩

說的形象一點點就是 hmtl就像是毛坯,css是搞裝修,讓我們的毛坯房更漂亮,js就是裝推拉門,智慧型窗簾,掃地機械人等,這樣html、css、js 專案搭配,使我們的房子更漂亮。

專業叫法:

層疊樣式表---筆試回答時

作用:

美化網頁,布局網頁

css的選擇器的分類:

基礎選擇器 和 復合選擇器

css選擇器的作用:

找到對應的html標籤

基礎選擇器:

是由單個選擇器組成的,基礎選擇器包括,標籤選擇器、類選擇器、id選擇器 和 萬用字元 等

1.標籤選擇器:是指用 html 標籤名作為選擇器, 比如 我是p標籤

作用和使用場景:找到標籤名一樣的元素

標籤選擇器的寫法: 

標籤名    

詳細**如下:

案例:頁面三個div,設定第乙個第三個紅色,第二個藍色

紅色綠色

紅色

多類名:乙個標籤有多的類名   

寫法: class="red  box"

那你可能會問,為什麼要使用多類名?就好比剛才的div  每個div都是100*100px,但是我們在2個類名都寫了,如果修改也多要修改,是不是很麻煩呢

作用:把相同的樣式寫的乙個類裡,誰要就給誰加上類

紅色綠色

紅色

3. id 選擇器

寫法: 

1. 在 標籤中  id =「pink」

2. #pink{}

**如下:

苗苗

那麼你可能會問,既然和類選擇器基本一致,為什麼還要有id選擇器呢? 嗯嗯,問的好,是乙個愛思考的學生

那是因為 頁面中id 是唯一的,不允許重複使用,比如:

苗苗

苗苗

類選擇器和id選擇器的區別:

1.類 可重複 ,id 選擇器不行,就像人們的id 

2. 實際開發中還是用 類選擇器比較多

萬用字元選擇器:

選擇頁面中所有的元素(標籤)

把頁面所有標籤修改樣式,html、body 也修改了

使用: *  {}  定義

即:color:red;

分享快樂收穫雙倍快樂

**:1234

我是a標籤

現在我們已經學習了這麼多選擇器,總結一下,類選擇器用的最多,最重要

CSS 基礎筆記 第一天

css cascading style sheets 稱為css樣式表 層疊樣式表 級聯樣式表 作用 設定版面的布局和外觀顯示樣式 行內式 內連樣式 控制乙個標籤 style color pink font size 23px 蘿莉賽高!div 缺點是沒有實現結構和樣式的分離 畢竟直接寫在了html...

css學習第一天

1 沒有樣式表時,如果我想更新整個站點中所有主體文字的字型,我必須一頁一頁地修改每張網頁。即便站點用資料庫提供服務,我仍然需要更新所有的模板,而且更新每一模板中每乙個例項例項的 樣式表的主旨就是將格式和結構分離。利於樣式表,我可以將站點上所有的網頁都指向單一的乙個 css檔案,我只要修改 css檔案...

CSS學習第一天

在css中,我們需要選擇器來進行選擇我們要進行操作的標籤,它的作用就是選擇標籤。1.基礎選擇器 形式標籤名 例如 div類選擇器 這是使用最多的選擇器 形式 類名 例如 eg注意不要忘記類名前面的乙個點。這裡有乙個口訣可以幫助我們記憶 樣式點 定義,結構 class 呼叫,乙個或多個,開發最常用。i...