专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

CSS段落第一个文字空两格缩进text-indent 和 文字之间间距调整letter-spacing_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 1:18:47       共计:3645 浏览

这应该是最为常用的CSS了,几乎写每一个zblog模板都逃不开首行缩进以及文字间距的调整!今天也来分享下记录下,到底如何实现的!

1、先说段落首行第一个文字开始空两格似的缩进!

盗图来说明,比如上图这段文字在一个div内,此时对div设置了text-indent : 20px; 意思就是开头距离肯那个20px,这里可以随意设置!记住,是段落的第一行空出了20px,如果段落用的是常用的P标签,那么此时就要对p进行设置text-indent : 20px;!

2、说到文字间距的调整,在遇到特殊情况下文字之间间距是需要调整的,比如广告文字!

继续盗图说明,如上图,就是对这段问题设置了letter-spacing:8px;,字间距为8px,如果要改变默认间距就必须加letter-spacing!


以上就是今天用到的首行第一个文字空格CSS以及文字间距CSS设置了,分别是text-indent和letter-spacing,手打一遍可以增强记忆,不要一味去复制粘贴!



版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:JS实现鼠标拖动效果代码_js/jQuery | ·下一条:jQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示_js/jQuery

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有