收藏
天蓬老師批改狀態(tài)：合格
老師批語：
選擇器類型對(duì)優(yōu)先級(jí)的影響 ？
答：id選擇器>class選擇器>tag選擇器
實(shí)際工作中，應(yīng)該用一系列的選擇器組合來靈活的設(shè)置優(yōu)先級(jí)
如果都是標(biāo)簽選擇器，為什么后面的無效，一定有一個(gè)規(guī)則？
body h2{color:skyblue;}h2{color:red;}
有一個(gè)計(jì)算公式[id選擇器數(shù)量,class選擇器數(shù)量,tag選擇器數(shù)量]
數(shù)量越多，權(quán)重越大，優(yōu)先級(jí)越高！
body h2:[id=0,class=0,tag=2];有body和h2兩個(gè)標(biāo)簽h2[id=0,class=0,tag=1];有h2一個(gè)標(biāo)簽第一個(gè)h2比第二個(gè)h2標(biāo)簽數(shù)量多所以權(quán)重大，優(yōu)先級(jí)高tag選擇器優(yōu)先級(jí)進(jìn)位是class選擇器，class選擇器進(jìn)位是id選擇器.on h2[id=0,class=1,tag=1];就比body h2優(yōu)先級(jí)高<body><h2 class="on off" id="foo">hello</h2></body>
<style>/*字體屬性*/.title{/*字體*/font-family:sans-serif;/* 大小 */font-size: 24px;/* 樣式 */font-style: italic;/* 粗細(xì) */font-weight: lighter;/*可以簡(jiǎn)寫為*/font:italic lighter 36px sans-serif;}body{/* 顏色 */background-color: cornsilk;/* 圖片 */background-image: url(https://www.baidu.com/1.jpg);/* 重復(fù) */background-repeat: no-repeat;/* 大小 */background-size: 300px;/* 位置 */background-position: 100px 200px;/* 簡(jiǎn)寫 */background: no-repeat red;}</style><body><h2 class="title">php中文網(wǎng)</h2></body>
盒模型是div，可以設(shè)置邊框，內(nèi)邊距，外邊距
div邊框設(shè)置border-top指的是上邊框border-bottom指的是下邊框border-left指的是左邊框border-right指的是右邊框可以單獨(dú)設(shè)置也可以縮寫為border:1px solid red;指的是寬度，樣式，顏色padding：上 右 下 左；內(nèi)邊距當(dāng)左右相等，而上下不相等，用三值語法padding：上 右左 下；當(dāng)左右相等，上下相等，用二值語法padding:上下 左右；margin是外邊距 跟padding內(nèi)邊距用法一樣
總結(jié)：
padding和margin不管是三值語法還是二值語法 第二個(gè)值永遠(yuǎn)是值右左的值！
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)