CSS介紹 筆記 css基礎知識

2021-10-10 23:26:27 字數 972 閱讀 4595

css介紹-筆記

網頁背景描述:

外部樣式表檔案(另外建乙個新的.css檔案):

​ h1{

color: pink;

/* background-color: aqua; */

font-size: 20px;

css使用方式:

/* css** */

/* h1 匹配頁面中所有的h1標籤 統一新增樣式 */

h1{color: green;

background-color: aqua;

元素得顯示方式:

​ span{

/* display 設定元素的顯示方式 */

/* block 塊元素 獨佔一行 能設定寬高 預設佔父元素100%的寬度 */

/* inline 行內元素 可以和其他元素在同一行顯示 不能設定寬高 大小由內容決定 */

/* inline-block 行內塊 可以設定寬高 也能夠和其它元素在同行顯示 */

/* none 隱藏元素 */

display: none;

form表單:

​ get:將資料通過查詢字串的方式拼接在位址上傳送給伺服器

​ key=value&key=value… 查詢字串

​ 大小不能2kb

​ 明文顯示 保密性差

post:將資料通過請求主體傳送給伺服器

​ key=value&key=value…

​ 沒有大小限制 沒有格式限制 保密性較好

選擇器:

偽類選擇器:

選擇器的優先順序:

尺寸和顏色單位:

使用選擇器為元素設定樣式,發生樣式衝突時,主要看選擇器的權重,權重越大,優先順序越高

| 選擇器 | 權重 |

| 標籤選擇器 | 1 |

| (偽)類選擇器 | 10 |

| id選擇器 | 100 |

| 行內樣式 | 1000 |

CSS基礎知識筆記 一

css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成 選擇符 又稱選擇器,指明網頁中要應用樣式規則的元素,如本例中是網頁中所有的段 p 的文字將變成藍色,而其他的元素 如ol 不會受到影響。宣告 在英文大括號 中的的就是宣告,屬性和值之間用英文冒號 分隔。當有多條宣告時,中間可以英文分號 分隔,如...

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...