AV无码AV在线A∨天堂毛片_女S丝袜调教女视频丨ⅤK_國產日韩視頻在線觀看_国产又粗又黄又爽的大片软件_吧唧吧唧吧唧一口一口吃掉了_欧美日韩精品专区国产_热播免费电影推荐_日本一区中文字幕最新在线_野战无码精品_国内自愉自愉视频
博盈網(wǎng)絡(luò)致力于高品質(zhì)品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站優(yōu)化排名營銷方案一體化服務(wù):
0755-29008907 15989449358
掃描二維碼關(guān)注博盈官方微信公眾號
立享網(wǎng)站建設(shè)優(yōu)惠
確定
http://1922288.cn/
網(wǎng)站首頁
HOME
案例鑒賞
Case
網(wǎng)站建設(shè)
Web
SEO優(yōu)化
Seo
企業(yè)郵箱
Email
新聞中心
News
關(guān)于博盈
About US
聯(lián)系我們
Contact US
網(wǎng)絡(luò)學(xué)堂
當(dāng)前位置:
首頁
>
網(wǎng)絡(luò)學(xué)堂
>
網(wǎng)站建設(shè)知識
龍華seo優(yōu)化員講解網(wǎng)頁設(shè)計中導(dǎo)航欄列表的基本設(shè)計
信息錄入:深圳博盈網(wǎng)絡(luò)技術(shù) 錄入時間:2011-08-11 瀏覽次數(shù):
3172
次
今天我們來看看網(wǎng)站設(shè)計步驟中列表的基本設(shè)計。列表的應(yīng)用是很廣泛的,可以說大多數(shù)的網(wǎng)站中都有列表,只是表達(dá)的方式有些不一樣。
最常用的一種列表的表達(dá)方式就是導(dǎo)航,可以說每個網(wǎng)站中都是具有導(dǎo)航的,而且一個好的導(dǎo)航列表可以給網(wǎng)站增添不少的色彩。
現(xiàn)在我們就來看看一個簡單的列表是如何產(chǎn)生的吧,首先先新建一個頁面,然后插入一個ID為menu的div,然后在設(shè)計視圖中選中文字,點擊工具欄的ul圖標(biāo),也即是會自動插入ul和li,然后修改文字內(nèi)容為你需要的內(nèi)容。做好這些以后,你在瀏覽器中會發(fā)現(xiàn)在內(nèi)容的周圍的空隙會很大,而且每一行的前端都是由一個點,這就是標(biāo)簽的默認(rèn)樣式造成的。
顯然這樣的效果我們是很不滿意的,那么我就需要調(diào)整它的效果。首先要在視圖中,選中我們要編輯的內(nèi)容,在點擊下端的ul新建CSS的規(guī)則,在其中就可以定義一下我們創(chuàng)建的列表的方框與列表屬性。接下來就要調(diào)整一下列表的全局,也就是文字設(shè)計、字體大小,間距等。在CSS樣式面板中點擊新建,在彈出的窗口中選擇標(biāo)簽,名稱選擇body,在這里就可以調(diào)整內(nèi)容的樣式了。如果想要調(diào)整列表的邊框及背景,那么給li定義一下CSS規(guī)則就可以了,做法同上。
接下來就是把這個列表中的內(nèi)容,加上鏈接。這個就不多說,大家都知道。同時定義a的狀態(tài)和鼠標(biāo)劃過的狀態(tài)。在CSS中創(chuàng)建一個a規(guī)則,并調(diào)整當(dāng)鼠標(biāo)劃過鏈接文字時的顏色。在這里就要涉及到偽類,在這里直接調(diào)用就好。
對于CSS的初學(xué)者,大多數(shù)人都不知道使用子選擇器,這樣會影響效率。這是后就可以使用派生選擇器,就可以減少www.boryin.com大量的class的定義。這個代碼如下:
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; }
#menu ul和#menu ul li即為派生選擇器,如果我們把前邊的#menu去掉,那么將是對ul標(biāo)簽重定義,重定義的屬性將應(yīng)用到全局,而前邊加上#menu后,將是定義ID為menu元素內(nèi)ul的樣式,設(shè)置它的樣式只對#menu下的ul生效,不對它之后的ul生效,這個有點像編程中的局部變量,而直接定義ul則相當(dāng)www.boryin.com于全局變量。#menu ul li 是定義ID為menu元素內(nèi)ul下的li,派生選擇器可以使我們不用再給每個li定義一個樣式名來定義樣式,只需使用派生選擇器,從它的父元素處選擇即可,這樣能大大提高效率。
上一篇:
博盈網(wǎng)絡(luò)2020年國慶節(jié)放假通知
下一篇:
龍華營銷專家講解網(wǎng)站優(yōu)化過程中鏈接建設(shè)方向
聯(lián)系我們
0755-29008907 15989449358 龍先生
24小時熱線:15989449358 龍先生
boryin@boryin.com sales@boryin.com
深圳市龍華新區(qū)龍華街道辦山咀頭綜合辦公大樓9樓915室 (龍華街道辦、華潤萬家,佳華商場、友誼書城等旁)
尊敬的客戶,如果您有任何疑問或者問題,請聯(lián)系我們的客服在線或撥打我們的24小時熱線或者有客戶心聲欄目留言,謝謝!
客戶心聲
*
*
*
反饋內(nèi)容...
*
博盈網(wǎng)絡(luò)
關(guān)注微信博盈網(wǎng)絡(luò)公眾
號獲最新網(wǎng)絡(luò)營銷資訊
深圳博盈網(wǎng)絡(luò)為深圳寶安、龍華、觀瀾、大浪、民治、石巖、坂田、松崗、沙井、福永、西鄉(xiāng)、平湖、龍崗、福田、南山、羅湖、香港、東莞長安、虎門等地區(qū)提供專業(yè)的企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、大型網(wǎng)站建設(shè)、行業(yè)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、改版網(wǎng)站、注冊域名、推廣網(wǎng)站等相關(guān)互聯(lián)網(wǎng)服務(wù),多年來在深圳龍華網(wǎng)站建設(shè)、觀瀾網(wǎng)站建設(shè),坂田網(wǎng)站建設(shè),石巖網(wǎng)站建站,寶安網(wǎng)站建設(shè)區(qū)域打下堅實的基礎(chǔ),博盈網(wǎng)絡(luò)真誠希望能與您合作!
Copyright
?
2008-2024 深圳市博盈通品牌設(shè)計有限公司 嚴(yán)禁以任何形式進行復(fù)制、抄襲! 備案號:
粵ICP備20029775號
博盈網(wǎng)站報價 84298198
博盈客服在線 84254298
博盈技術(shù)咨詢 306023699
感謝大家對我們的支持與厚愛,為了能及時的回復(fù),請在9:00-18:00點咨詢在線QQ