
文章插圖
作為大數(shù)據(jù)開發(fā)基礎(chǔ)的一部分,CSS:層疊樣式表,是英文Cascading Style Sheets的首字母縮寫,是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言,也是一種標(biāo)記語言 。主要是幫助美化網(wǎng)頁,布局頁面,CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還能配合各種腳本語言動(dòng)態(tài)地對(duì)網(wǎng)頁各元素進(jìn)行格式化 。CSS 主要用于設(shè)置 HTML 頁面中的文本內(nèi)容(字體、大小、對(duì)齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局和外觀顯示樣式 。
一、基礎(chǔ)知識(shí)
CSS特點(diǎn):豐富的樣式定義、易于使用和修改、多頁面應(yīng)用、層疊、頁面壓縮 。
CSS的引用方式:
(1)行內(nèi)樣式:使用style屬性,只是對(duì)當(dāng)前標(biāo)簽有效,頁面內(nèi)容和樣式高度吻合的
<p style=”color: red”>Hello world.</p>
(2)內(nèi)部樣式:在head中使用style標(biāo)簽,當(dāng)前頁面有效,內(nèi)容和樣式一定程度分離,但是不徹底 。
<style>
div {
color: red;
font-size: 12px;
}
</style>
(3)外部樣式:將樣式寫到一個(gè)單獨(dú)CSS文件中,需要用到HTML文件,引用它即可,實(shí)現(xiàn)了內(nèi)容與樣式的完全分離 。
<link href=https://www.520longzhigu.com/diannao/”mystyle.css” rel=”stylesheet” type=”text/css”/>
CSS的顏色:
color 屬性用于定義文本的顏色 。例如:
div {
color: red;
}
CSS中顏色的表示方法
1.預(yù)定義的顏色值 red,green,blue……等
2.十六進(jìn)制 #FF0000、#FF6600等(
3.RGB代碼 rgb(255,0,0)或rgb(100%,0%,0%
4.RGBA:是在原有RGB上添加了透明底,alpha
5.HSL:用色調(diào)、飽和度和明度3個(gè)分量表示顏色
6.HSLA:在HSL上添加了透明度
二、基礎(chǔ)語法
CSS和HTML一樣都是瀏覽器能解析的計(jì)算機(jī)語言,因此CSS也有自己的語法結(jié)構(gòu);
CSS 規(guī)則由三個(gè)主要的部分構(gòu)成:
1. 選擇器,以及一條或多條聲明,但值得注意的是聲明必須要放在大括號(hào)內(nèi){ } 。
2. 每條聲明由一個(gè)屬性和值組成,屬性和值用冒號(hào)分開,每條語句以英文的分好結(jié)尾 。
selector {declaration1; declaration2; … declarationN }
Selector是選擇符,最常見的選擇符是HTML標(biāo)簽;property是選擇符的屬性,Value是選擇符的屬性值 。(注意:多個(gè)選擇符用分號(hào)隔開)
例子:h1 {color:yellow; font-size:16px;}
h1是選擇器;color和font-size是屬性;16px則是屬性值 。
以上就是CSS的基礎(chǔ)知識(shí)和語法,CSS是大數(shù)據(jù)開發(fā)基礎(chǔ)的重要一環(huán),與HTML相輔相成,能夠使網(wǎng)頁的制作更加美觀大方,令人賞心悅目 。多加實(shí)操練習(xí),才能夠促進(jìn)自己進(jìn)步 。
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- 前端字體加粗樣式 css樣式字體加粗代碼
- 文字顏色和內(nèi)容的方法 js設(shè)置字體顏色代碼
- 文字上下居中設(shè)置 word文本框文字居中使用
- 調(diào)整word表格寬度方法 word表格文字間距怎么調(diào)整
- 表中粘貼后不顯示文字原因 excel復(fù)制粘貼變成空白怎么辦
- 罕見 美國(guó)深海拍到透明腦袋綠眼怪魚
- 帶英文字符的QQ情侶網(wǎng)名
- 火星文字個(gè)性符號(hào)QQ情侶網(wǎng)名
- 詳解js寫html代碼 js寫css樣式
- 八個(gè)字暖心感謝老師簡(jiǎn)短文字 對(duì)老師說的真心話
