精品久久亚洲_69pao在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看

您的位置: 首頁 > 源碼資料

CSS網頁布局文字排版相關屬性小結

源碼資料 時間:2010-03-25 作者/發布人:pc354 點擊:3143
css網頁布局中文字排版的相關屬性以及用法。包括:設定字體、顏色、大小、段落空白,首字下沉、首行縮進、中文字的截斷、固定寬度詞內折行(word-wrap和word-break)等。

一、設定文字字體、顏色、大小等使用font等。

font-style設定斜體,比如font-style: italic;
  font-weight設定文字粗細,比如font-weight: bold;
  font-size設定文字大小,比如font-size: 12px;(或者9pt,不同單位顯示問題參考CSS手冊)
  line-height設定行距,比如line-height: 150%;
  color設定文字顏色(注意不是font-color),比如color: red;
  font-family設定字體,比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;(這是通用的寫法)
上面是常用的屬性,更多參考css手冊。

二、段落排版:使用margin、padding和text-align。

中文段落使用<p>標簽(也可以是其他容器),左右(相當于縮進)、段前段后的空白,都可以用margin或padding。比如:
 程序代碼

p{
margin: 18px 6px 6px 18px;/*分別是上、右、下、左,十二點開始的順時針方向*/
margin:18px 6px;/*表示上下為18,左右為6*/
margin:1px 2px 3px;/*表示上為1px,下為6px,左右為2px*/
}


文字的對齊方式用text-align,比如:

 程序代碼

p{
text-align: center; /*居中對齊*/
text-align: justify/*兩端對齊*/
}


對齊方式還有left、right。


三、豎排文字:使用writing-mode。

writing-mode屬性有兩個值lr-tb和tb-rl,前者是默認的左-右、上-下,后者是上-下、右-左。比如:

 程序代碼

p{
writing-mode: tb-rl;
}


可以結合direction排版。

四、項目符號的問題:使用list-style

在CSS里項目符號有disc(實心圓點)、circle(空心圓圈)、square(實心方塊)、decimal(阿拉伯數字)、lower-roman(小寫羅馬數字)、upper-roman(大寫羅馬數字)、lower-alpha(小寫英文字母)、upper-alpha(大寫英文字母)、none(無)。比如設定一個列表(ul或ol)的項目符號為方塊,如:

 程序代碼

li{
list-style: square;
}


另外list-style還有一些值,比如可以采用一些小圖片作為項目符號,在list-style下直接寫url(“圖片地址”)就可以了。但不提倡這樣的方式。建議您設置圖片為li 的背景。

五、首字下沉效果

偽對象:first-letter配合font-size、float可以制作首字下沉效果。比如:

 程序代碼

p:first-letter{
padding: 6px;
font-size: 32pt;
float: left;
}


六、文本縮進:使用text-indent
text-indent可以使得容器內首行縮進一定單位。比如中文段落一般每段前空兩個漢字。可以這么寫:

 程序代碼

p{
text-indent: 2em; /*em是相對單位,2em即現在一個字大小的兩倍*/
}


七、固定寬度漢字截斷:使用text-overflow(顯示省略號效果)

用后臺語言可以對從數據庫里的字段內容做截斷處理,比如說截12個漢字(之后用省略號)。但是有時還需要html標簽的過濾等,而用CSS來控制則沒有這個問題。比如對列表應用以下樣式:

 程序代碼

li{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}


八、固定寬度漢字(詞)折行:使用word-break

舉個例子,比如說要在一個固定寬度容器里面顯示很多地名(假設以空格分隔),為了避免地名中間斷開(即一個字在上面而另一個字折斷到下一行去了)。則可以使用word-break。比如:

 程序代碼

<div style="width:210px;height: 200px;background: #ccc;word-break:keep-all">
北京上海 上海上 北京上海 北京 上海上海上海 北京上海 上海 北京上海 上海 北京 上海 北京 上海 北京 上海 北京 上海 北京 上海 北京上海 上海 北京上海 上海
</div>
--------------------------全文完----------------------------
0% (0)
0% (0)
整站字母快速檢索: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0

綜合報道 經濟形勢 勞動就業 政策法規 熱點推薦 創業新聞 創業指導 創業課堂 創業故事 大學生創業 | 裝修日記 | 學駕駛經歷 | 免費信息發布 | 網站地圖

地址:合肥市臨泉路香格里拉花園 郵箱:pc354@163.com QQ:55769640 | 皖ICP備06007228號 
版權所有:科杰服務(www.www.yeewaa.com) 建議使用IE7.0或以上版本,最少1280分辨率瀏覽本站,可獲得最佳瀏覽效果

飛到頂部
精品久久亚洲_69pao在线成人免费视频_黄色三级网络_亚洲国产精品激情在线观看
精品电影一区二区| 亚洲激情成人在线| 国产亚洲制服色| 激情文学综合插| 亚洲国产精品黑人久久久| 国产一区在线精品| 中文字幕亚洲综合久久菠萝蜜| 成人午夜电影网站| 国产精品蜜臀av| 欧美日韩一区二区三区四区五区 | 国产一区免费电影| 国产麻豆视频一区| 国产精品自在在线| 亚洲成人自拍一区| 国产偷v国产偷v亚洲高清| 精品国产乱码久久久久久蜜臀| 欧美一区二区三区小说| 91免费精品国自产拍在线不卡| 亚洲午夜激情网站| 精品日韩欧美在线| 成人少妇影院yyyy| 国产91清纯白嫩初高中在线观看| 亚洲福利一区二区| 日韩电影在线观看电影| 亚洲欧美区自拍先锋| 精品噜噜噜噜久久久久久久久试看| 欧美精品v日韩精品v韩国精品v| 高清视频一区二区| 99久久伊人网影院| 亚洲色图色小说| 精品对白一区国产伦| 久久久91精品国产一区二区精品| 久久久久国产精品厨房| 欧美一级在线视频| 久久综合五月天婷婷伊人| 欧美日韩精品福利| 色美美综合视频| 成人性生交大片免费看视频在线| 色婷婷亚洲婷婷| 国产99久久久国产精品潘金 | 日韩视频一区二区在线观看| 色av综合在线| 日韩欧美一二三| 欧美高清视频一二三区| 久久众筹精品私拍模特| 亚洲精品v日韩精品| 久久精品国产澳门| 美女网站色91| 麻豆久久久久久久| 不卡视频在线观看| 成人免费精品视频| 91麻豆精品国产无毒不卡在线观看| 91国在线观看| 久久精品视频在线免费观看| 亚洲最大的成人av| 亚洲国产人成综合网站| 国产在线播放一区二区三区| 色菇凉天天综合网| 久久先锋影音av鲁色资源网| 亚洲国产一区二区三区| www.爱久久.com| 国产女同性恋一区二区| 久久色在线观看| 五月天激情综合网| 日本不卡高清视频| 麻豆精品一区二区| 99re在线精品| 国产精品情趣视频| 久久激情五月婷婷| 制服丝袜亚洲播放| 亚欧色一区w666天堂| 91免费在线播放| 亚洲人成在线播放网站岛国| 高清不卡在线观看av| 久久精品视频一区二区三区| 另类成人小视频在线| 91精品国产综合久久久久久久久久| 亚洲人成人一区二区在线观看| 成人蜜臀av电影| 国产精品天干天干在线综合| 国产aⅴ精品一区二区三区色成熟| 久久综合久久综合久久| 精品一区二区三区免费观看| 丁香桃色午夜亚洲一区二区三区| 日韩你懂的在线观看| 日本系列欧美系列| 91精品国产91综合久久蜜臀| 日产精品久久久久久久性色| 91精品在线免费| 日本女人一区二区三区| 日韩精品中文字幕在线一区| 精品亚洲免费视频| 久久蜜桃av一区精品变态类天堂| 欧美天堂亚洲电影院在线播放| 日韩一区二区电影在线| 丝袜美腿亚洲一区二区图片| 国产大陆a不卡| 欧美视频一区二| 亚洲午夜av在线| 欧美肥大bbwbbw高潮| 美女视频黄免费的久久| 亚洲精品一线二线三线| 国产一区欧美一区| 中文字幕免费不卡在线| 成人国产一区二区三区精品| 国产精品久久99| 日韩av一二三| 精品国产自在久精品国产| 国产成人午夜精品影院观看视频| 国产精品国产三级国产普通话三级| 波多野结衣亚洲| 婷婷成人激情在线网| 精品日韩一区二区三区| 成人久久视频在线观看| 亚洲一区在线观看视频| 国产成人免费在线观看| 成人国产精品免费观看视频| 成人欧美一区二区三区黑人麻豆| 欧美日韩精品一区二区天天拍小说 | 日韩欧美中文字幕精品| 国产乱码精品一区二区三区忘忧草| 中国色在线观看另类| 欧美午夜一区二区| 国产精品自拍网站| 亚洲一区二区三区中文字幕| 日韩一区二区在线观看视频播放| 国产成人精品影院| 婷婷久久综合九色综合伊人色| 国产午夜精品久久久久久免费视| 91国偷自产一区二区三区成为亚洲经典 | 日韩专区一卡二卡| 综合色天天鬼久久鬼色| 日韩欧美不卡一区| 色屁屁一区二区| 国产麻豆精品95视频| 亚洲一级电影视频| 中文字幕不卡三区| 精品999久久久| 91精品国产福利| 欧美亚洲免费在线一区| 国产成人午夜精品影院观看视频 | 日本一区二区三区四区在线视频| 91精品在线免费观看| 91小视频在线| 国产成人久久精品77777最新版本| 偷拍日韩校园综合在线| 亚洲欧洲国产日韩| 国产亚洲欧美一区在线观看| 欧美一区二区三区成人| 欧美少妇bbb| 色老汉一区二区三区| 成人一区在线观看| 国产精品综合久久| 国产在线播放一区三区四| 免费高清视频精品| 婷婷久久综合九色综合绿巨人| 亚洲欧美另类久久久精品2019| 国产日韩欧美制服另类| 久久免费的精品国产v∧| 日韩精品专区在线影院观看| 91精品国产一区二区三区| 欧美影院午夜播放| 91成人在线观看喷潮| 色老汉av一区二区三区| 在线免费观看不卡av| 香蕉成人啪国产精品视频综合网| 国产精品国产三级国产三级人妇| 日本一区二区三区四区| 国产精品视频线看| 国产精品不卡在线观看| 免费的国产精品| 青娱乐精品在线视频| 麻豆精品蜜桃视频网站| 免费成人在线网站| 精品写真视频在线观看| 国精产品一区一区三区mba视频| 国产真实精品久久二三区| 国产麻豆一精品一av一免费| 国产成人一级电影| 顶级嫩模精品视频在线看| 99久久久无码国产精品| 欧洲生活片亚洲生活在线观看| 欧美日韩一区三区| 精品国产一区二区三区久久久蜜月 | 国产中文字幕一区| 丁香婷婷深情五月亚洲| 91免费视频网| 4438亚洲最大| 国产人成亚洲第一网站在线播放| 中文字幕一区二区在线观看| 亚洲女人的天堂| 日韩在线播放一区二区| 国产麻豆精品视频| 在线免费观看日韩欧美| 日韩一级黄色大片| 国产亚洲人成网站| 亚洲免费av在线| 日本成人中文字幕| 成人看片黄a免费看在线| 欧美性大战久久久久久久蜜臀|