千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻
2023-07-12 14:21 作者:58823662154_bili | 我要投稿

超鏈接之錨點————學習筆記:
錨點的作用是在同一個頁面內(nèi)的不同位置進行跳轉(zhuǎn),也可以理解為使用超鏈接迅速定位找到網(wǎng)頁內(nèi)自己想到瀏覽的內(nèi)容,這種超鏈接的應(yīng)用就叫錨點。
錨點的應(yīng)用在我們?nèi)粘I钪幸彩呛艹R姷?,比如手機通訊錄右側(cè)的字母導航和左側(cè)的聯(lián)系人,小說網(wǎng)站中的章節(jié)目錄與內(nèi)容,各大網(wǎng)站的樓梯導航效果等等都有應(yīng)用錨點特效。
制作錨點標記的語法:
1.給元素定義一個錨點名
語法:<p id="錨點名"></p>
2.給錨點名鏈接
語法:<a href="#錨點名"></a>
在這里的語法中出現(xiàn)了id選擇器,id選擇器具有唯一性,一個頁面內(nèi)只能有一個標簽擁有這個id,與我們?nèi)粘I钪胁檎翼撁鎯?nèi)的某一個內(nèi)容正好相符,所以在這里運用id選擇器是個很不錯的選擇。
擴展:id選擇器的權(quán)重值是100,為了完善頁面的美觀我們通常會針對標簽添加多個樣式,當樣式過多時就會出現(xiàn)樣式覆蓋或樣式繼承等問題,所以樣式之間就有了權(quán)重的問題。
?!important > 內(nèi)聯(lián)樣式1000 > id選擇器100 > class選擇器10 > 標簽選擇器1
標簽: