觀止:西安網站建設 | 西安網頁設計 | 西安做網站
網站建設之text-indent的巧用

        網站建設之text-indent的巧用。首先申明一點,就是我們中文的段落有個空兩格的要求,這就也使得在網站制作的時候也要空兩格,記得過去剛開始學習制作頁面的時候,要想讓一段文字首行縮進兩個文字,總是在前面加上8個“”,因為過去大家對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;"屬性,只能加在塊狀元素上面,內聯元素是不起作用的。也就是說如果想讓內聯元素也有作用,就先把它變成塊元素,然后在利用。

背景線尾
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
我們專注于:西安網站建設 | 西安網頁設計 | 西安做網站
灌篮大师闯关 青海十一选五今天开奖 平特一肖怎么选 北京快3实时走势图 26选5好彩3复式 暴力smav系列 西甲赛程规则 星悦福州麻将 辽宁快乐12历史开 2019绩优蓝筹股排名 四人麻将免费打 广西快乐双彩综合走势图 福建31选7开奖结 北单即时比分 手机版电玩城捕鱼游戏 棋牌游戏开发一般多 湖北快三历史开奖结果号码查询