CSS第一課 CSS基礎選擇器

2021-10-03 16:03:20 字數 922 閱讀 5459

二、css基礎選擇器

一、初識css

1、css簡介

css是層疊樣式表(cascading style sheets),也可稱為css樣式表或級聯樣式表。樣式通常儲存在樣式表中。

css也是一種標記語言。用於設定html頁面中的文字內容、外形、版面布局和外觀樣式。

把樣式新增到 html 4.0 中,是為了解決結構(html)與樣式(css)分離的問題。

外部樣式表可以極大提高了工作效率,通常儲存在 css 檔案中。

多重樣式將層疊為乙個

當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?

一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中 4) 擁有最高的優先權。

2、css語法

css規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

二、css基礎選擇器

1、標籤選擇器

用html標籤名稱作為選擇器

語法

標籤名

優點可以把某一類標籤全部選擇出來,快速為頁面中的同型別標籤統一設定樣式。

缺點

不能設計差異化樣式。

2、類選擇器

語法

.類名

注釋示例

>

>

第一章 第一課 CSS3選擇器

第一章 css3選擇器 第一課 css3速成教程 之 選擇器 屬性選擇器 css3中,增加了如下三個屬性選擇器,使屬性選擇器有了萬用字元的概念,十分方便!注 下面所描述的attr和val分別表示屬性和值 attr val 屬性選擇器 概述 表示篩選出如果屬性attr中包含屬性值val所制定的字元的話...

HTML和CSS第一課

網頁版本 文件申明 當前版本 html5的文件宣告 都大寫也可以,寫在第一行html外面 tab標籤快捷鍵 ctrl 注釋的快捷鍵 外掛程式 live server右鍵開啟網頁 auy主題 內容 tab快速出來標籤 相關標籤可以放在一起在頁面中不會獨佔一行的元素為行內元素 strong標籤表示元素語...

html 基礎第一課

快捷鍵 1 ctrl 快速新增單行注釋 2 ctrl shift 快速新增多行注釋 3 ctrl d 快速刪除游標所在的一行 4 ctrl y 反撤銷 5 ctrl alt 下方向鍵 快速複製並貼上當前行 標籤的屬性 標籤的一部分,用於包含額外的資訊,可以有多個屬性 屬性與屬性值成對出現 關鍵字 d...