衡陽最好的網站建設公司
當前位置: 主頁 > 網站設計 >

CSS網頁制作小技巧段落首行縮進:text-indent:2em

時間:2013-07-07 08:25來源:未知 作者:admin

剛開始學習制作頁面的新手,要想讓一段文字首行縮進兩個文字,總是在前面加上幾個空格,因為新手對CSS不熟悉,這種方法實現雖然比較直接,但是文字多的時候會有很多空格充斥在代碼中,代碼顯著比較亂,其實實現這種效果很簡單,直接在CSS代碼中加入: text-indent:2em; 就很能實現文本段落的縮進~

text-indent:2em;

text的意思是文本,indent在計算機英語中意思是縮進,至于后面的2em意思就是2個相對單位;

em又是什么單位? em這個單位的意思就是文字的高度,1em就是1個文字的高度,2em就是兩個文字高度,所以我們寫的“text-indent:2em;”的意思就是,文本縮進2個文字的高度,因為漢字是方塊字,高度和寬度是一樣的,所以縮進2個文字的高度,就等于縮進兩個文字的寬度,最后的效果就是縮進了兩個文字。

對于"text-indent:2em;"屬性,只能加在塊狀元素上面,內聯元素是不起作用的。
------分隔線----------------------------
推薦內容


© 2009-2013 www.666847.tw All Rights Reserved.
版權所有:衡陽圣矢網絡工作室 2009-2013
地址:衡陽市雁峰區雁城路
    (*^▽^*)MG狂野亚马逊免费下载 秒速赛车看号技巧规律 打麻将怎么打好 手机捕鱼海底捞技巧 广东快乐十分基本走势彩经网 福建11选五开奖结果 广东快乐10分研究 彩票平台找彩五送25元 单机麻将不联网免费4人 湖北大众麻将规则 四川熊猫麻将下载 山西快乐十分20200410015 百家乐 新浪新闻首页官网 麻将连连看上海之旅 捕鱼王子游戏机 极速时时彩开奖到几点