css文本格式详解
2016-07-21 22:15
351 查看
一、css文本主体内容:
二、css文本详解:
1、文本缩进
语法:
text-indent:<length>|<percentage> 默认值为0.
属性值详解:
<length>:用长度值指定文本的缩进。可以为负值。
<percentage>:用百分比指定文本的缩进。可以为负值。
<inherit>:继承父级text-indent属性值。
用法:
检索或设置对象中的文本的缩进。
内联对象要使用该属性必须先使该对象表现为块级或内联块级。 对应的脚本特性为textIndent。
兼容性:
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p {text-indent:50px;}
</style>
</head>
<body>
<p>
In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'
</p>
</body>
</html>
运行后的效果:
2、
二、css文本详解:
1、文本缩进
语法:
text-indent:<length>|<percentage> 默认值为0.
属性值详解:
<length>:用长度值指定文本的缩进。可以为负值。
<percentage>:用百分比指定文本的缩进。可以为负值。
<inherit>:继承父级text-indent属性值。
用法:
检索或设置对象中的文本的缩进。
内联对象要使用该属性必须先使该对象表现为块级或内联块级。 对应的脚本特性为textIndent。
兼容性:
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p {text-indent:50px;}
</style>
</head>
<body>
<p>
In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'
</p>
</body>
</html>
运行后的效果:
2、
相关文章推荐
- .css文件中各样式写法:html标签,id,class
- html/css相对路径引用/、../、../../、/..、/../..、同级、下级、标准写法
- CSS样式:cursor -----定义鼠标指针
- LESS CSS使用方法 , CSS也能跟JS一样玩。
- 伪类和伪元素的区别
- 11.css中的after命令
- DOM—动态样式
- css中的chaining技术是允许在相同的元素上运行多条命令,一条接着另一条。
- css简介及相关概念
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- CSS3新增基础属性
- css 常用链接
- css中字体样式通用设置
- JS和CSS互动
- css中的float知识点总结
- CSS问题
- css 控制不规则img再div中居中完整显示
- Cookie-free Domains(为什么将静态图片,js,css存放到单独的域名?)
- css选择器的使用详解
- html与css的配合