黑松山资源网 Design By www.paidiu.com
![CSS 首行缩进两个文字](/UploadFiles/2021-03-30/2216520.gif)
总是在前面加上8个“ ”,因为过去大家对CSS的概念也不太熟悉,也不太重视,这种方法实现虽然比较直接,但是文字多的时候会有很多“ ”充斥在代码中,如果再有些换行<br/>,那代码显着比较乱,现在大家开始主动了解CSS,学习CSS,你会发现这个问题很容易解决,只需要在相应的位置加入代码
复制代码代码如下:text-indent:2em;
就很容易实现喽~
text-indent:2em;解释:text的意思是文本、indent在计算机英语中意思是缩进、至于后面的2em意思就是2个相对单位;
em解释:相对于当前对象内文本的字体尺寸。(引自CSS2.0手册)各位同学,要仔细品一下这个概念!理解喽没有,em这个单位的意思就是相对文字大小,1em就是1个文字大小,2em就是两个文字大小,到这里看明白了吧,理解“text-indent:2em;”的意思了吧,就是“文本缩进两个文字大小”,这不就是我们要的效果么?
将上面的代码给大家写出来,CSS代码是用的行内方式,如果你不明白“行内方式”,就来看一下文章《2.1-CSS如何控制页面》
复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS学习网 - 首行文字缩进</title>
</head>
<body>
<div style="width:300px; text-indent:2em;">CSS学习网,提倡资源共享“分享才能更快乐”,每个人在分享资源的时候,同时也获得了人气和尊重,你将会有更多的同行朋友,团结在你的周围,成为你的左膀右臂.
</div>
</body>
</html>
【本节作业】
![CSS 首行缩进两个文字](/UploadFiles/2021-03-30/2216521.gif)
要求:
制作一个宽度为300px,高度自适应,边框宽度为5像素且颜色为灰色(#999)的区域,id为div1;
在div1内部有两段文字,文字大小为12像素,这两段文字首行分别缩进两个文字;
CSS用内嵌方式;
暂不考虑页面对各种浏览器的兼容性,只在一种浏览器中实现上面效果就可以
黑松山资源网 Design By www.paidiu.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
黑松山资源网 Design By www.paidiu.com
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年07月04日
2024年07月04日
- 中国音乐地图之听见江苏昆曲经典唱段2020[WAV+分轨]
- 《路易吉鬼屋2HD》GS 7分:适合掌机模式短时间游玩
- 《路易吉鬼屋2HD》M站均分77:出色3DS游戏的升级版
- 不输官方!玩家设计《光环》等主题Switch Pro手柄
- 王识贤.2010-伤心手指【华特】【WAV+CUE】
- 尚雯婕.2009-时代女性Time.Lady【华谊兄弟】【FLAC+CUE】
- 萧亚轩.2006-1087【华纳】【WAV+CUE】
- 徐佳莹《无损音乐合集》2009-2023[FLAC/分轨][2.3GB]
- 群星《那些年的男神,那些年的女神》2CD[WAV+CUE][1.4GB]
- 张学友《2023头版蜚声环球合集》32CD[WAV+CUE][15.7G]
- 绝区零珂蕾妲关键天赋是什么 珂蕾妲天赋效果解析
- 绝区零珂蕾妲音擎武器怎么选 珂蕾妲音擎选择推荐
- 绝区零护盾鸣徽有哪些 绝区零护盾鸣徽效果介绍
- 爱浪音响测试碟-《经典传说》2CD[DTS-WAV]
- 群星《情歌1号-2号(紫银合金)4CD》[WAV+CUE]