h5手机网站建设,网站友情链接代码,河南快速网站备案,php网站开发实训感想1. html 首行缩进2字符
1.1. 场景 在Html开发中让一段文字#xff08;富文本等#xff09;首行缩进两个文字#xff0c;可能在前面加上8个“ ”#xff0c;因为过去对CSS不熟悉#xff0c;这种方法实现虽然比较直接#xff0c;但是文字多的时候会有很多“ ”充斥在代码中…1. html 首行缩进2字符
1.1. 场景 在Html开发中让一段文字富文本等首行缩进两个文字可能在前面加上8个“ ”因为过去对CSS不熟悉这种方法实现虽然比较直接但是文字多的时候会有很多“ ”充斥在代码中代码会显得比较乱现在我们实现这种效果就简单多了直接在CSS样式代码中加入。可以使用text-indent属性来设置段落空两格只需要给元素设置“text-indent:2em;”样式即可。text-indent属性规定文本块中首行文本的缩进该属性允许使用负值如果使用负值那么首行会被缩进到左边。
text-indent:2em;这样就很容易实现文本段落的缩进
1.2. 说明 div styletext-indent:2em; classnews-content idnews_content/div;1.2.1. text-indent:2em; text的意思是文本indent在计算机英语中意思是缩进至于后面的2em意思就是2个相对单位
1.2.2. em em这个单位的意思就是文字的高度1em就是1个文字的高度2em就是两个文字高度所以我们写的“text-indent:2em;”的意思就是文本缩进2个文字的高度因为汉字是方块字高度和宽度是一样的所以缩进2个文字的高度就等于缩进两个文字的宽度最后的效果就是缩进了两个文字。
1.2.3. 适用范围 对于text-indent:2em;属性使用CSS的text-indent属性可以定义文本段落中的首行字体缩进的效果。使用该属性只对元素中的段落产生影响。对于使用标签产生的换行效果并不起作用。只能加在块状元素上面内联元素是不起作用的。
1.3. 使用 在CSS样式表中设置文本首行缩进的样式规则。代码如下
div{
text-indent:2em;
font-size:29px;
width:900px;
}div标签选择器使用text-indent属性将段落首行缩进2em这是两个汉字字符的宽度。使用font-size属性将字体大小设置为29px使用width属性将div元素的宽度设置为900px都是为了使效果能够更好地显示。 在HTML网页中添加要使用标签选择器的div元素内容。代码如下
html xmlnshttp://www.w3.org/1999/xhtml
headmeta http-equivContent-Type contenttext/html; charsetutf-8/title缩进2字符/titlestyle typetext/cssp {text-indent: 2em;font-size: 29px;width: 900px;}/style
/head
body
p测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据/p
p测试/p
/body
/html