CSS復學 (個人學習記錄筆記)

2022-06-04 02:48:06 字數 1509 閱讀 5427

目錄

4. css語法:

5. 選擇器:篩選具有相似特徵的元素

6. 屬性

案例:功能強大

將內容展示和樣式控制分離

1. 內聯樣式

2. 內部樣式

hello css

3. 外部樣式

定義css資源檔案。

head標籤內,定義link標籤,引入外部的資源檔案

div

hello css

hello css

注意:
選擇器

分類:1. 基礎選擇器

id選擇器:選擇具體的id屬性值的元素.建議在乙個html頁面中id值唯一

語法:#id屬性值{}

元素選擇器:選擇具有相同標籤名稱的元素

語法:標籤名稱{}

注意:id選擇器優先順序高於元素選擇器

類選擇器:選擇具有相同的class屬性值的元素。

語法:.class屬性值{}

注意:類選擇器選擇器優先順序高於元素選擇器

2. 擴充套件選擇器:

選擇所有元素:

語法:*{}

並集選擇器:

選擇器1,選擇器2{}

子選擇器:篩選選擇器1元素下的選擇器2元素

語法:選擇器1 選擇器2{}

父選擇器:篩選選擇器2的父元素選擇器1

語法:選擇器1 > 選擇器2{}

屬性選擇器:選擇元素名稱,屬性名=屬性值的元素

語法:元素名稱[屬性名="屬性值"]{}

偽類選擇器:選擇一些元素具有的狀態

語法:元素:狀態{}

字型、文字

font-size:字型大小

color:文字顏色

text-align:對其方式

line-height:行高

背景background

邊框border:設定邊框,符合屬性

尺寸width:寬度

height:高度

盒子模型:控制布局

float:浮動

新使用者註冊

user register

已有賬號?立即登入

CSS個人學習筆記

元素中所有子元素和文字內容都在內容區排列 內容區大小由width和height屬性設定 width 設定寬度 height 設定高度 共有四個方向的內邊距 padding top right bottom left 內邊距會影響盒子大小,背景顏色會延伸到內邊距上 盒子的可見框總大小 由內容區 內邊距...

個人學習 SQL 記錄

1 5 進資料庫之前還會解碼,sql 語法中的語句 不會,str需要hex。python的hex 先ascii 轉換 再 hex 第一關concat ws sep,s1,s2.sn 將s1,s2.sn連線成字串,並用sep字元間隔 concat ws version,database user 獲取...

CSS個人學習筆記 僅供參考

div是css中的定位技術,全稱division,即為劃分,有時可以稱為圖層。div元素是用來為html文件內大塊的內容提供結構和背景的元素。通俗來說,div在頁面布局中,主要作為承載內容的容器!沒有任何的預設樣式,所有的外觀樣式都需要我們自己調整。css是一種用來表現html或xml等檔案樣式的計...