網站設計CSS中文排版“潛規則”
2010/7/9 17:06:58
文字排版對網站設計來說很重要,有順序的排列可以提高網站的瀏覽量之外還能提高網站的整體美觀,可以說是兩全其美,網站設計如何通過CSS對中文進行排版呢?下面看下“潛規則”吧!
“潛規則”一、控制段落排版
網站設計控制段落排版使用margin,text-align,中文段落使用<p>標簽,左右(相當于縮進)、段前段后的空白,都可以用margin。比如:
p{
margin: 18px 6px 6px 18px; /*分別是上、右、下、左,十二點開始的順時針方向*/
}
文字的對齊方式用text-align:center對齊方式還有left、right和justify(兩端對齊)
“潛規則”二、首字下沉
網站設計首字下沉使用:first-letter,偽對象:first-letter配合font-size、float可以制作首字下沉效果。
“潛規則”三、首行縮進
網站設計首行縮進使用text-indent,text-indent可以使得容器內首行縮進一定單位。
“潛規則”四、項目符號
網站設計項目符號使用list-style,在CSS里項目符號有disc(實心圓點)、circle(空心圓圈)、square(實心方塊)、decimal(阿拉伯數字)、lower-roman(小寫羅馬數字)、upper-roman(大寫羅馬數字)、lower-alpha(小寫英文字母)、upper-alpha(大寫英文字母)、none(無)。
“潛規則”五、設定文字字體、顏色、大小
網站設計設定文字字體、顏色、大小使用font,font-style設定斜體;font-weight設定文字粗細;font-size設定文字大小;line-height設定行距,color設定文字顏色;font-family設定字體;
這些屬性還可以這樣寫(除了color之外):font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;
“潛規則”六、豎排文字
網站設計豎排文字使用writing-mode,writing-mode屬性有兩個值lr-tb和tb-rl,前者是默認的左-右、上-下,后者是上-下、右-左。
“潛規則”七、漢字注音
網站設計給漢字注音可以使用ruby標簽和ruby-align屬性,比如說<ruby>注音<rt style="font-size: 11px;">zhu yin</rt></ruby>,可以利用ruby-align設置對齊方式。
返回列表
返回首頁
主站蜘蛛池模板:
久久午夜无码鲁丝片秋霞|
午夜欧美精品久久久久久久|
91亚洲国产成人精品下载|
成人在线欧美亚洲|
久久成人综合网|
欧美成人精品一区二三区在线观看|
免费国产人做人视频在线观看
|
日本高清不卡在线|
亚洲另类无码专区丝袜|
特级欧美老少乱配|
动漫精品一区二区三区3d|
试看91福利区体验区120秒|
国产爆乳无码视频在线观看3|
91精选在线观看|
女性生殖殖器特级表演|
中文字幕成人在线|
日韩乱码人妻无码中文字幕视频
|
直播视频区国产|
喝丰满女医生奶水电影|
雯雯的性调教日记h全文|
国产熟女AA级毛片|
18禁男女爽爽爽午夜网站免费|
在线视频1卡二卡三卡|
一本一本久久a久久精品综合
|
特级精品毛片免费观看|
午夜福利视频合集1000|
色屁屁在线观看视频免费|
国产成人免费av片在线观看|
色多多成视频人在线观看|
国产精品黄大片在线播放|
99国产欧美久久久精品|
女人扒下裤让男人桶到爽|
丁香六月婷婷精品免费观看|
扒开女人双腿猛进入爽爽视频
|
免费无码黄十八禁网站在线观看|
老师办公室被吃奶好爽在线观看
|
日韩精品无码一本二本三本色|
亚洲免费黄色网址|
欧美最猛黑人xxxx黑人猛交98
|
国产成人精选视频69堂|
4480yy苍苍私人|