TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
1.文本对齐属性(text-align)，用来设定文本的对齐方式，其相关参数有：left(居左，缺省值)、right(居右)、center(居中)、justify(两端对齐，不常用)。 示例写法：.apple{text-align:left}或.apple{text-align:right;} 2.文本修饰属性(text-decoration)，用来设定文本划线的属性，其相关参数有：none(无，缺省值)、underline(下划线)、overline(上划线)、line-through (当中划线)。我个人常用none和underline。
示例写法：.apple{text-decoration:underline;} 3.文本缩进属性(text-indent)，用来设定文本首行缩进。其值单位主要有：length长度，绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px)；或者percentage (百分比，相当于父对象宽度的百分比
示例写法：.apple{text-indent:20px;}或.apple{text-indent:30%;} 4.行高属性(line-height)，用来设定每行之间的距离。其值单位主要有:normal (缺省值)、length、percentage，类似于文本缩进属性。 示例写法：.apple{line-height:20px;} 5.字间距属性(letter-spacing)，用来设定字符之间的距离。其值单位主要有:normal (缺省值)、length、percentage，类似于文本缩进属性。 示例写法：.apple{letter-spacing:100px;} text与border、font有不相同之外，后者都有综合的写法，而文本属性经常是单个使用，综合写法，也只需要把所有参数放在同一个{}即可实现效果，也可在文本属性中增加color颜色属性。以下是练习的例子，仅供参考！
<HTML>
<head>
<title>博客</title>
<style type="text/css">
.apple {text-align:right;text-decoration:underline;text-indent:20px;line-height:3mm;letter-spacing:2mm;color:red;}
</style>
</head>
<body>
<div>依葫芦画瓢学CSS+DIV(11)：强化text属性</div>
<div class="apple">最近又因工作太忙，学习计划一拖再拖，今儿抽个空，把学习笔记整理出来分享，与更多在学习CSS+DIV朋友达成共识，相互交流。</div>
</body>
</html>
源码下载：http://file.javaxxz.com/2014/10/29/235504515.zip |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-10-29 23:55:04