PHP全栈开发(八):CSS Ⅳ 文本格式及字体
2024-09-07 09:48:56
文本系列属性主要是设置文本格式的,例如....
颜色
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);
可以设置文本的居中,左对齐,右对齐,两端对齐等,使用text-align属性
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
justify属性表示两端对齐
还有设置文本的删除线、下划线、或者删除文本的下划线格式使用
text-decoration(修饰)
例如给文本添加下划线:
h3 {text-decoration:underline}
给文本添加删除线
h2 {text-decoration:line-through}
或者你想清楚文本的任何格式使用:
h2 {text-decoration:none;}
不过这条代码主要是用于删除超链接的下划线。当然其他格式也一并删除了,当然不包括字体的颜色、大小等。只是把装饰(decoration)删除了。
letter-spacing:5px;
letter-spacing 可以设置字符间距,注意噢,不是字间距。
字符间距是设置每个字母的间距,字间距是设置每个单词的间距,字间距的设置方法如下:
word-spacing:30px;
而这个word-spacing对中文是没有效果的噢。设置中文间距的话要使用letter-spacing来进行设置噢
text-shadow: 2px 2px #ff0000;
这个可以用来设置文本的阴影,注意参数之间用空格隔开,而不是使用分号相隔。
p.big {line-height:200%}
line-height可以用来设置行高。
当然还有其他很多的设置文本格式的属性,可以观看手册。
除了这些之外,我们还能设置文本的字体,
font-size:20px;
这个可以来设置字体大小
font-family:times;
这个可以用来设置文本的字体系列。
font-style:noral;
这个可以用来设置字体的样式,比如斜体等。
最新文章
- 在 KVM 上安装 Win7 虚拟机
- Openbox简单支持平铺
- 27款后台管理页面设计 DIV+CSS+JS
- 【洛谷P1969】积木大赛
- jQuery无刷新上传之uploadify简单试用
- android 打开软件出现红框
- Trinity 安装
- java.util.logging.Logger基础教程
- zk mysql 主从自动切换
- Linux内核 hlist_head/hlist_node结构解析
- MYSQL 行转列 以及基本的聚合函数count,与group by 以及distinct组合使用
- JDK 源码学习——ByteBuffer
- LNMP中常见的502错误及处理方法
- delphi API: SetWindowPos改变窗口的位置与状态
- 校园跳蚤市场-Sprint计划(第二阶段)
- web常用测试点记录
- 何时使用[self release]
- C#中区别多态、重载、重写
- centos6.3下yum安装redis
- 文本去重之MinHash算法——就是多个hash函数对items计算特征值,然后取最小的计算相似度