字体以及文本的相关属性
来源:互联网 发布:java中compare to 编辑:程序博客网 时间:2024/06/05 16:58
字体相关的属性
font-family:字体名称
font-size:字体大小
font-style:字体风格(斜体等)
font-variant:字体转化(如大写)
font-weight:字体粗细
<styletype="text/css">
p{
font-family:楷体;
font-size: 36px;
font-style: italic;
font-variant:small-caps;
font-weight: bold;
}
</style>
可以简写,书写顺序:
font-style font-variant font-weight font-size font-family
<styletype="text/css">
p{
font:60px楷体;
}
</style>
前面三个可缺省,使用默认值,font-size和font-family必须指定值。
这种书写方式更加简洁
文本相关的属性
文本相关属性主要包括颜色、对齐方式、修饰效果等
color:设置文本字体颜色
text-decoration:(文本修饰)
none:没有修饰效果(默认值)
underline:下划线
overline:上划线
line-through:删除线
text-shadow:(增加阴影)
text-shadow:5px 2px maroon;
第一个px代表阴影水平方向移动,默认往右偏移,加上“-”号往左偏移
第二个px代表阴影垂直方向移动,默认往下偏移,加上“-”号往上偏移
最后的颜色设置是阴影的颜色(褐红色)
direction:(文字方向)
ltr:从左往右(left to right)
rtl:从右往左 (right to left)
text-align:(文本水平对齐方式)
right: 向右对齐
left: 向左对齐
justify:两端对齐
center: 水平居中对齐
vertical-align:(文本垂直对齐方式)
top: 向上对齐
bottom: 向下对齐
middle: 垂直居中对齐
text-indent:(文本缩进)
letter-spacing:字符之间的间距
word-spacing: 字与字(单词)之间的间距
line-height:设置行高,实际上是调整行间距
- 字体以及文本的相关属性
- 2、CSS3中字体与文本的相关属性
- 文本相关的属性
- 8.HTML5 CSS3 字体与文本相关属性
- 疯狂H5讲义 - 字体与文本相关属性
- 字体与文本属性
- CSS字体相关属性
- Ubuntu 字体修改以及字体的相关知识
- CSS字体与文本属性
- CSS字体与文本属性
- 创建字体以及文本控件显示的总结
- UILabel的文本调节宽度,以及字体自适应宽度
- WebView设置文本内容字体的大小以及颜色
- CSS学习笔记(三)布局 背景 字体 文本 边框 列表 复杂样式一一相关属性
- CSS颜色 尺寸 字体属性 文本属性
- CSS字体相关属性和CSS字体相关属性
- css字体设置相关属性
- HTML5 的标签大全以及相关属性
- LeetCode 4. Median of Two Sorted Arrays
- ArrayList使用与遍历
- Android消息机制
- MongoDB常用命令汇总之查看聚集集合基本信息。
- js组件中那些晦涩难懂的写法,理解这个以后看组件会容易很多,包括JQ源码
- 字体以及文本的相关属性
- 【二叉树】树的序列化和反序列化【449. Serialize and Deserialize BST】
- 无聊的游戏
- 有n个人围成一圈,顺序排号,从第一个开始报数(从1到3报数),凡报到3的人退出圈子,问最后最后留下的是原来第几号的那位
- ++ 和 -- 运算符
- Linux Expexct and Python pexepct
- python中数据类型
- maven常用命令
- 程序员中的大神和小白的区别