CSS教程之基礎(chǔ)語法CSS/HTML
導(dǎo)讀:CSS/HTMLCSS/HTMLCSS 語法 CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明。 selector {declaration1; declaration2; ...建設(shè)網(wǎng)站seo網(wǎng)站優(yōu)化。
CSS 語法 CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明。 selector {declaration1; declaration2; ... declarationN } 選擇器通常是您需要改變樣式的 HTML 元素。 每條聲明由一個屬性和 […]
CSS 語法
CSS 規(guī)則由兩個主要的部分構(gòu)成:選擇器,以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性(property)是您希望設(shè)置的樣式屬性(style attribute)。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色,同時將字體大小設(shè)置為 14 像素。
在這個例子中,h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。
h1 {color:red; font-size:14px;}下面的示意圖為您展示了上面這段代碼的結(jié)構(gòu):

提示:請使用花括號來包圍聲明。
值的不同寫法和單位
除了英文單詞 red,我們還可以使用十六進(jìn)制的顏色值 #ff0000:
p { color: #ff0000; }為了節(jié)約字節(jié),我們可以使用 CSS 的縮寫形式:
p { color: #f00; }我們還可以通過兩種方法使用 RGB 值:
p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }請注意,當(dāng)使用 RGB 百分比時,即使當(dāng)值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這么做了。比如說,當(dāng)尺寸為 0 像素時,0 之后不需要使用 px 單位,因?yàn)?0 就是seo網(wǎng)站優(yōu)化軟件 0,無論單位是什么網(wǎng)站建設(shè)。
記得寫引號
提示:如果值為若干單詞,則要給值加引號:
p {font-family: "sans serif";}多重聲明:
提示:如果要定義不止一個聲明,則需要用分號將每個聲明分開。下面的例子展示出如何定義一個紅色文字的居中段落。最后一條規(guī)則是不需要加分號的,因?yàn)榉痔栐谟⒄Z中是一個分隔符號,不是結(jié)束符號。然而,大多數(shù)有經(jīng)驗(yàn)的設(shè)計師會在每條聲明的末尾都加上分號,這么的好處是,當(dāng)你從現(xiàn)有的規(guī)則中增減聲明時,會盡可能的減少出錯的可能性。就像這樣:
聲明: 本文由我的SEOUC技術(shù)文章主頁發(fā)布于:2023-05-26 ,文章CSS教程之基礎(chǔ)語法CSS/HTML主要講述語法,標(biāo)簽,CSS教程之基礎(chǔ)語法CSS/HTML1網(wǎng)站建設(shè)源碼以及服務(wù)器配置搭建相關(guān)技術(shù)文章。轉(zhuǎn)載請保留鏈接: http://www.bifwcx.com/article/web_9533.html
為你推薦與CSS教程之基礎(chǔ)語法CSS/HTML相關(guān)的文章
-
通王TWCMS 2.0.3網(wǎng)站模板程序下載
(126)人喜歡 2024-01-15 -
Windows官方原版在哪里下載
(175)人喜歡 2024-01-15 -
WordPress網(wǎng)站模板發(fā)帖標(biāo)題顏色設(shè)置
(131)人喜歡 2024-01-07 -
修改discuz論壇帖子標(biāo)題80字符的長度限制
(249)人喜歡 2024-01-07 -
wordpress程序調(diào)用不帶超鏈接的Tag標(biāo)簽
(234)人喜歡 2024-01-05 -
網(wǎng)站在不同時期需調(diào)整內(nèi)容更新的方向
(112)人喜歡 2023-08-12