本節簡介:使用偽類選擇器、項目列表、超鏈接標簽、浮動布局等知識制作淘寶店鋪導航欄效果
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
給文字設置行高值為父集高度,文字會垂直居中顯示。2、行高是指以文字中心線為基準,往上和下分別擴展相同距離之后,兩條線之間的高度。
文字居中顯示 水平 text-align:center; 垂直 居中 line-height:**px
a標簽下劃線清除 text-decoration:none
ul 無序列表會有小點 list-style:none去小點
做網頁一般加個 *{padding:0; margin:0;}
<style> *{padding:0; margin:0;} .nav{ width:100%; height:30px; background:rgba(61,61,61,1.00); margin-top:120px;} </style>
.nav ul a{ display:block; color:#; padding:0 20px; line-height:30px; font-size:#;}
<style> .avo li{float:left;}</style>列表從左浮動顯示
<style> a{text-decoration:nome;}</style>a的文本樣式無下劃線
<style> ul{ list-style:none;}</style>無序列表樣式無
導航條文字水平居中且相鄰間距相同:添加內邊距padding
行高:已文字中心為基線向上下兩邊擴展相同距離,給父級元素添加行高使文字垂直居中
a自帶下劃線效果,去掉:text-decoration:none
去除所有a標簽下劃線的代碼是 a{text-decoration:none}