观止:西安网站建设 | 西安网页设计 | 西安做网站
网站建设之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)];
我们专注于:西安网站建设 | 西安网页设计 | 西安做网站