HTML與CSS的CSS的基本使用

2021-10-25 03:27:03 字數 1858 閱讀 2739

​ css(英文全稱:cascading style sheets)層疊樣式表, 是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。

​ css目前最新版本為css3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統html的表現而言,css能夠對網頁中的物件的位置排版進行畫素級的精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力,並能夠進行初步互動設計,是目前基於文字展示最優秀的表現設計語言。css能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。

css是用來美化網頁用的,沒有網頁則css毫無用處,所以css需要依賴html展示其功能 。

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

css基本語法

​ css 樣式由選擇器和一條或多條以分號隔開的樣式宣告組成。每條宣告的樣式包含著乙個 css屬性和屬性值。 [外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-02zrz4vh-1603416621275)(/qq截圖20200205160701.png)]

選擇器名

div

注意:

css宣告要以分號;結束,宣告以**{}**括起來

建議一行書寫乙個屬性

若值為若干單詞,則要給值加引號,如 font-family: 「agency fb」; 注釋

多行注釋:

/* 這裡的內容就是注釋 */
css的使用

1. 行內式

​ 行內樣式將樣式定義在具體html元素的style屬性中。以行內式寫的css耦合度高,只適用於當前元素,在設定某個元素的樣式時比較常用。

style

="color

:red;

font-size

:50px;

">

這是一段文字p

>

在當前元素使用 style 屬性的宣告方式。

​ style 是行內樣式屬性;

​ color 是顏色屬性;red 是顏色屬性值;

​ font-size是字型大小屬性;50px 是字型大小屬性值

2. 嵌入式

​ 嵌入式通過在html頁面內容開闢一段屬於css的**區域,通常做法為在< head>標籤中巢狀

3. 引入外聯樣式檔案

​ 在實際開發當中,很多時候都使用引入外聯樣式檔案,這種形式可以使html頁面更加清晰,而且可以達到更好的重用效果。

style.css

p

test.html

rel=

"stylesheet"

type

="text/css"

href

="style.css"

>

​ rel:rel 屬性規定當前文件與被鏈結文件之間的關係。

​ stylesheet:文件的外部樣式表。

​ 很多時候,大量的 html 頁面使用了同乙個css。那麼就可以將這些 css 樣式儲存在乙個單獨的.css 檔案中,然後通過元素去引入它。

注意:當有多重樣式時,記住前提規則,越精確越優先。

HTML與CSS的基本了解

c s c表示client 客戶端 s表示server 服務端 b s b表示browser 瀏覽器 s表示server 服務端 即web伺服器 標題4 標題5標題6 0 align center height 200 border 1 width 200 編號姓名年齡 第三個第乙個2.2 3.13...

HTML與CSS的a標籤

a標籤 標籤定義超連結,用於從一張頁面鏈結到另一張頁面。元素最重要的屬性是 href 屬性,它指示要鏈結的目標位置,同時沒有href屬性a標籤內的內容與普通文字沒有區別,也就失去了超連結的功能。若是想要跳轉到當前頁面,那麼href的值為 被鏈結頁面通常顯示在當前瀏覽器視窗中,除非您規定了另乙個目標 ...

HTML與CSS的CSS選擇器

在 css 中,選擇器是一種模式,用於選擇需要新增樣式的元素。css選擇器有很多,掌握常用的即可 基本選擇器 通用選擇器 選擇所有 元素選擇器 選擇指定標籤 元素名稱 p id選擇器 選擇設定過指定id屬性值的元素 id屬性值 p1 類選擇器 選擇設定過指定class屬性值的元素 class屬性值 ...