CSS基礎知識

2021-10-24 18:48:41 字數 972 閱讀 6107

css簡介

​ css 是層疊樣式表 ( cascading style sheets ) 的簡稱.

​ 有時我們也會稱之為 css 樣式表或級聯樣式表。

​ css 是也是一種標記語言

​ css 主要用於設定 html 頁面中的文字內容(字型、大小、對齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局和外觀顯示樣式。

​ css 讓我們的網頁更加豐富多彩,布局更加靈活自如。簡單理解:css 可以美化 html , 讓 html 更漂亮, 讓頁面布局更簡單。

​ css 最大價值: 由 html 專注去做結構呈現,樣式交給 css,即 結構 ( html ) 與樣式( css ) 相分離

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-qsrslplj-1602688789228)(images/小鳥.png)]

​ 1.使用 html 時,需要遵從一定的規範,css 也是如此。要想熟練地使用 css 對網頁進行修飾,首先需要了解css 樣式規則。

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

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-ib9jftxp-1602688789234)(images/css屬性規則.png)]

選擇器是用於指定 css 樣式的 html 標籤,花括號內是對該物件設定的具體樣式

屬性和屬性值以「鍵值對」的形式出現

屬性是對指定的物件設定的樣式屬性,例如字型大小、文字顏色等

屬性和屬性值之間用英文「:」分開

多個「鍵值對」之間用英文「;」進行區分

例如:所有的樣式,都包含在標籤內,表示是樣式表。一般寫到上方

>

>

h4style

>

head

>

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...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...