用CSS 给网页装潢[3] -构造文本
来源:互联网 发布:在线视频加速播放软件 编辑:程序博客网 时间:2024/04/27 10:11
1)文本缩进
2)文本对齐
3)文本行高
4)字间隔(单词)
5)字母间隔
6)文字下划线
7)字体
8)字体风格
9)字体大小
10)文本颜色
11)文本加粗
12)关于样式继承
本课导语:
CSS 对文本的处理特别方便,这一节课我们就来学习一下css 常用的对文本的设
置操作!
CSS 长度值得单位:
%——百分比
in——寸
cm——厘米
mm——毫米
pt——point,大约1/72 寸;
pc——pica,大约6pt,1/6 寸;
px——屏幕的一个像素点;
em——元素的font-size;
1. 文本缩进
text-indent:值;
值为数字,最常用的数值单位是px(像素),也可以直接是百分比!
text-indent:100px;
text-indent:10%;
2. 文本对齐
text-align:对其方式;
可以的值为:left、center、right
3. 文本行高
line-height:值;
line-height:23px;
line-height:120%;
默认:normal
4. 字间隔(单词)
word-spacing:10px;
默认值:normal
5. 字母间隔
letter-spacing:5px;
默认值:normal
6. 文字下划线
text-decoration:none;
值:underline 或者none 等,常用值就这两个
7. 字体
font-family:微软雅黑;
多个字体用逗号隔开
font-family:"Times New Roman",Georgia,Serif;
font-family:字体1,字体2;
8. 字体风格
font-style:值;
normal
italic
oblique
9. 字体大小
font-size:数值;
数值单位为px
10. 文本颜色
color:颜色值;
颜色值可以为一些简单的英语单词
color:red;
实际工作中用的比较多的是颜色代码
color:#111111;
11. 文本加粗
font-weight:值;
常用值:
normal
bold
12. 关于样式继承
样式的继承问题!
2)文本对齐
3)文本行高
4)字间隔(单词)
5)字母间隔
6)文字下划线
7)字体
8)字体风格
9)字体大小
10)文本颜色
11)文本加粗
12)关于样式继承
本课导语:
CSS 对文本的处理特别方便,这一节课我们就来学习一下css 常用的对文本的设
置操作!
CSS 长度值得单位:
%——百分比
in——寸
cm——厘米
mm——毫米
pt——point,大约1/72 寸;
pc——pica,大约6pt,1/6 寸;
px——屏幕的一个像素点;
em——元素的font-size;
1. 文本缩进
text-indent:值;
值为数字,最常用的数值单位是px(像素),也可以直接是百分比!
text-indent:100px;
text-indent:10%;
2. 文本对齐
text-align:对其方式;
可以的值为:left、center、right
3. 文本行高
line-height:值;
line-height:23px;
line-height:120%;
默认:normal
4. 字间隔(单词)
word-spacing:10px;
默认值:normal
5. 字母间隔
letter-spacing:5px;
默认值:normal
6. 文字下划线
text-decoration:none;
值:underline 或者none 等,常用值就这两个
7. 字体
font-family:微软雅黑;
多个字体用逗号隔开
font-family:"Times New Roman",Georgia,Serif;
font-family:字体1,字体2;
8. 字体风格
font-style:值;
normal
italic
oblique
9. 字体大小
font-size:数值;
数值单位为px
10. 文本颜色
color:颜色值;
颜色值可以为一些简单的英语单词
color:red;
实际工作中用的比较多的是颜色代码
color:#111111;
11. 文本加粗
font-weight:值;
常用值:
normal
bold
12. 关于样式继承
样式的继承问题!
0 0
- 用CSS 给网页装潢[3] -构造文本
- CSS 构造文本
- CSS关于网页中的文本
- CSS系列之编辑网页文本(二)
- CSS给网页添加背景 铺满屏幕
- java--css(1)利用css给html网页换套装
- CSS(3) Text(文本)
- 用CSS风格的文本和图形构建网页实用按钮
- 装潢投诉
- 话说装潢
- 前端开发使用css禁止选中文本,模拟双击禁止选中文本,网页禁止选中文本
- 网页制作中应用CSS控制文本的主要指令
- 网页css样式之文本排版知识梳要
- 文本构造文本图片
- css 3 常用文本属性
- 用CSS控制文本长度
- 用CSS格式化Flash文本
- 用css构造星级效果
- 时间选择器(UIDatePicker)和自定义选择器(UIPickView)
- ThreadLocl详解
- Java中判断一个数是整数
- Linux下使用tcpdump对网络数据包进行截获与分析
- IOS开发UI篇--IOS动画(Core Animation)总结
- 用CSS 给网页装潢[3] -构造文本
- Project xxx already exists Add a version or custom suffix using "Name template" in "Advanced" sett
- cordova 实现第三方登录及分享,qq,微信,微博
- Maven
- 【poj1741】 Tree
- 从mysql数据库中导出sql文件
- codeforces#327->C.Median Smoothing(规律题 )
- UIViewContentModel使用
- 经典游戏服务架构 (三)全服全线模型