胖虎都看得懂的CSS入門

2021-08-07 22:34:19 字數 1115 閱讀 7874

層疊樣式表(英語:cascading style sheets,簡寫css),又稱串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表,一種用來為結構化文件(如html文件或xml應用)新增樣式(字型、間距和顏色等)的計算機語言,由w3c定義和維護。目前最新版本是css2.1,為w3c的推薦標準。css3現在已被大部分現代瀏覽器支援,而下一版的css4仍在開發中
因為大家都用html中的div塊級標籤結合css來渲染頁面,其實說spancss也是可以的

同樣,我們可以在head中寫一些樣式,並使用一定的方式將樣式和標籤進行關聯,關聯的方式有很多種,下面一一說明:
首先使用div中的class選擇器c1進行渲染「屬性選擇器第一層」

最後找到屬性選擇器的第二級:id='y1',使用屬性選擇器的方式進行渲染

html>

lang=

"en"

>

這個div標籤會直接使用上面的div標籤選擇器進行渲染,背景色為黃色

第一層會使用div標籤的背景色:黃色

id="b1"

>這個二層div標籤會使用屬性選擇器:背景色為天空藍

class=

"c1"

>第一層會使用class的red,而不會使用div的green

id="b1"

>第二層會使用id選擇器的skyblue

class=

"c1"

>第一層會使用class的red,而不會使用div的green

id="b1"

>第二層會使用id選擇器的skyblue

首選使用div標籤選擇器,但是被覆蓋

其次使用屬性選擇器div的id='b1',但是被覆蓋

再次使用屬性選擇器.c1 [id='b1'],但是也被覆蓋

最後使用id選擇器的b1進行最後的渲染,顯示為skyblue

小孩都看得懂的基尼不純度

全文共1343字,16幅圖,預計閱讀時間8分鐘。本文是 小孩都看得懂 系列的第十一篇,本系列的特點是極少公式,沒有 只有圖畫,只有故事。內容不長,碎片時間完全可以看完,但我背後付出的心血卻不少。喜歡就好!小孩都看得懂的神經網路 小孩都看得懂的推薦系統 小孩都看得懂的逐步提公升 小孩都看得懂的聚類 小...

人人都看得懂的正規表示式教程

編寫驗證規則最流行和最簡單的方法就是正規表示式了,但唯一的乙個問題是正規表示式的語法太隱晦了,讓人蛋疼無比。很多開發者為了在專案中應用複雜的驗證,經常要使用一些小抄來記住正則式的複雜語法和各種常用命令。在這篇文章中,我將試圖讓大家明白什麼是正規表示式,以及如何更輕鬆地學習正規表示式。也許你是初學者,...

人人都看得懂的正規表示式教程

編寫驗證規則最流行和最簡單的方法就是正規表示式了,但唯一的乙個問題是正規表示式的語法太隱晦了,讓人蛋疼無比。很多開發者為了在專案中應用複雜的驗證,經常要使用一些小抄來記住正則式的複雜語法和各種常用命令。也許你是初學者,那以防萬一,我先來講講什麼是正規表示式吧 正規表示式可以幫助我們更好的描述複雜的文...