層疊樣式表(英語:cascading style sheets,簡寫css),又稱串樣式列表、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表,一種用來為結構化文件(如html文件或xml應用)新增樣式(字型、間距和顏色等)的計算機語言,由w3c定義和維護。目前最新版本是css2.1,為w3c的推薦標準。css3現在已被大部分現代瀏覽器支援,而下一版的css4仍在開發中
因為大家都用html
中的div
塊級標籤結合css
來渲染頁面,其實說span
和css
也是可以的
同樣,我們可以在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分鐘。本文是 小孩都看得懂 系列的第十一篇,本系列的特點是極少公式,沒有 只有圖畫,只有故事。內容不長,碎片時間完全可以看完,但我背後付出的心血卻不少。喜歡就好!小孩都看得懂的神經網路 小孩都看得懂的推薦系統 小孩都看得懂的逐步提公升 小孩都看得懂的聚類 小...
人人都看得懂的正規表示式教程
編寫驗證規則最流行和最簡單的方法就是正規表示式了,但唯一的乙個問題是正規表示式的語法太隱晦了,讓人蛋疼無比。很多開發者為了在專案中應用複雜的驗證,經常要使用一些小抄來記住正則式的複雜語法和各種常用命令。在這篇文章中,我將試圖讓大家明白什麼是正規表示式,以及如何更輕鬆地學習正規表示式。也許你是初學者,...
人人都看得懂的正規表示式教程
編寫驗證規則最流行和最簡單的方法就是正規表示式了,但唯一的乙個問題是正規表示式的語法太隱晦了,讓人蛋疼無比。很多開發者為了在專案中應用複雜的驗證,經常要使用一些小抄來記住正則式的複雜語法和各種常用命令。也許你是初學者,那以防萬一,我先來講講什麼是正規表示式吧 正規表示式可以幫助我們更好的描述複雜的文...