CSS基礎學習筆記 一

2021-07-31 10:51:07 字數 1471 閱讀 3239

1. css是什麼?2. css基本語法注:css的所有子元素(包括子元素的子元素...)繼承父元素屬性,除非對子元素再定義3. css常用屬性

css常用屬性

屬性css名稱

說明顏色

color

文字屬性

font-size

字型大小

font-family

字型text-align

文字對齊

邊框屬性

border-style

邊框樣式

border-width

邊框寬度

border-color

邊框顏色

定位屬性

top上邊距

left

左邊距width

height

z-index

z軸索引,用於層

4. css的派生選擇器:通過依據元素在其位置的上下文關係來定義樣式

strong 

h2 h2 strong

the strongly emphasized word in this paragraph isred.

5. id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。以 "#" 來定義。可被用於派生選擇器

#red 

#green

這個段落是紅色。

這個段落是綠色。

6.  class選擇器,以「.」定義。可被用於派生選擇器

.center
7.  屬性選擇器,「」表示,可以是[屬性],也可以是[屬性=值]

//第一行為申明,指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫。

8. 插入css樣式表

a)外部樣式表:

b)內嵌樣式表:

this is a paragraph

注:不同申明的屬性重複時,會自動選擇更具體的

Web學習筆記 CSS 一 CSS 基礎

本文參考 w3school 簡介 層疊次序 樣式表優先順序 內聯樣式 在 html 元素內部 內部樣式表 位於 標籤內部 外部樣式表 瀏覽器預設設定 如果有多個樣式表時,瀏覽器會按上述順序進行使用樣式表,優先順序高的沒有才會使用優先順序低的 通過乙個例子來介紹css語法 將 h1 元素內的文字顏色定...

CSS基礎學習筆記

個人理解 距被控制的元素越近,優先順序越高 css基礎語法 選擇器 即需要改變樣式的 html 元素宣告 屬性和值 即css 規則格式為 selector property value porperty2 value 值的不同寫法和單位 值為單詞 風格 空格和大小寫 css高階語法 繼承及其問題 擺...

CSS基礎學習筆記

1.css樣式優先順序 元素上的樣式 style中嵌入的樣式 外部樣式檔案,其實不太準確,應當是當嵌入式出現在外部樣式的後面時,按照style出現的順序來渲染的,後面出現的會覆蓋前面的。同乙個樣式檔案中,元素選擇器越精確優先順序越高,id選擇器 100 類選擇器 10 元素選擇器 1 根據權值 累計...