Study 6 —— 字体和段落属性
字体风格
{font-style:normal | italic | oblique | inherit
字体复合属性
{font:font-style font-variant font-weight font-size font-family} 阴影文本
text-shadow有四个属性值:
第一个表示阴影的水平位移,可取正负值;
第二个表示阴影的垂直位移,可取正负值;
第三个表示阴影的模糊半径,不可为负值;
第四个表示阴影的颜色值。语法如下:
{text-shadow:length length opacity color} 控制换行
{word-wrap: normal | break-word}
normal 允许内容顶开指定的边界
break-word 内容将在边界内换行。 单词间隔{word-spacing: normal | length}
字符间隔{letter-spacing: normal | length} 文字修饰
{text-decoration: none | underline | blink | overline | line-through}
none 默认值,对文本不进行任何修饰
underline 下划线
blink 闪烁
overline 上划线
line-through 删除线 垂直对齐
{vertial-aligh:属性值}
垂直对齐方式属性值如下表:
属性值 说明
baseline 默认,元素放置在父元素的基线上
sub 垂直对齐文本的下标
super 垂直对齐文本的上标
Top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶端对齐
text-bottom 把元素的底端与父元素字体的底端对齐
length 设置元素的堆叠顺序
% 使用"line-height"属性的百分比值来排列此元素。允许使用负值 水平对齐
{text-align:属性值}
水平对齐方式属性值如下表:
属性值 说明
start 文本向行的开始边缘对齐
end 文本向行的结束边缘对齐
left
right
center
justify 文本根据text-justify的属性设置方法分散对齐。即两端对齐,均匀分布
match-parent 继承父元素的对齐方式,但有个例外:继承的start或者end值是根据父元素的direction值进行计算的,因此计算的结果可能是left或者right
<string> string是一个单个的字符,否则,就忽略此设置。按指定的字符进行对齐。如果没有设置字符,则默认是end方式。
inherit 继承父元素的对齐方式 文本缩进{text-indent:length}
文本行高{line-height:normal | length} 处理空白{white-space:属性值}
属性值 说明
normal 默认。空白会被浏览器忽略
pre 空白会被浏览器保留
nowrap 文本不会换行
pre-wrap 保留空白符序列,但是正常的进行换行
pre-line 合并空白符序列,但是保留换行符
inherit 规定应该从父元素继承white-space属性的值 文本反排
unicode-bidi:normal | bidi-override | embed
direction:ltr | rtl | inherit
Study 6 —— 字体和段落属性的更多相关文章
- CSS(四):字体和文本属性
一.字体属性 属性 描述 font-style 设置字体风格 font-weight 设置字体粗细 font-size 设置字体的尺寸(一般用px表示) font-family 设置字体系列 font ...
- CSS第四天总结 更多的属性 圆角 边框图片 段落属性 颜色渐变 盒子阴影
圆角边框: border-radius 一个值时表示四个角用的圆半径,4个值时分别是左上角.右上角.左下角.右下角,单位可以是px和百分比,百分比是半径相对于边框长度的比例 在CSS3中我们终于 ...
- [转载]CSS教程--字体与文本属性
b>font-family功能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单.浏览器由前向后选用字体.语法:{font-family:字体1,字体2, ... ,字体n} font ...
- CSS3字体大小rem属性用法
PX为单位 在Web页面初期制作中,我们都是使用“px”来设置我们的文本,因为他比较精确和固定. 只要页面某元素设置了px字体大小,其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素 ...
- CSS属性(字体与文本属性)
1.字体属性 (1)font-family 把要对这个网站要设置的字体都写上,如果这个浏览器支持第一个字体,则会用,如果不支持则会尝试第二个,如果设置的字体系统都不支持则会使用系统默认的字体作为网站的 ...
- word教程字体和段落设置
放大/缩小字号:1.选中文字-点击"大A"或"小A" 2.同时摁着ctrl+shift+>/ctrl+shift+<即可 设置标题与正文间距:鼠标放 ...
- CSS基础 和 font字体、背景属性连写 与 清除浮动方法
1.伪类 1. :link 2. :visited 3. :hover(重要) 4. :active 5. :focus(input标签获取光标焦点) 2.伪元素 1.:first-letter 2. ...
- CSS font-size字体大小样式属性
设置字体大小CSS单词与语法 基本语法结构: .divcss5{font-size:12px;}设置了文字大小为12px像素Font-size+字体大小数值+单位 单词:font-size语法:fon ...
- DirectWrite文字排版——字符串去尾
DirectWrite是 DirectX 家族中专门用来做文本处理的部分,主要配合Direct2D进行渲染工作. 一.字符串去尾介绍 在文字渲染中,不免会遇到字符串去尾的需求.字符串去尾指的是:当字符 ...
随机推荐
- MySQL的basedir
C:\Documents and Settings\All Users\Application Data\MySQL\MySQL Server 5.7\Data
- MSTSC 3389 端口修改
1. 启动注册表编辑器. 2. 找到并单击以下注册表子项: 3. HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\Terminal Server ...
- oracle11.2.0.1 deferred_segment_creation 造成exp imp 空表无法导出的问题
oracle11g 新增加了 deferred_segment_creation 的属性在创建的数据库表中,如果表中没有数据,并且这个参数是true的话,并不是直接就在数据文件中的增加相应的segm ...
- numpy meshgrid函数
1.meshgrid函数用两个坐标轴上的点在平面上画格. 用法: [X,Y]=meshgrid(x,y) [X,Y]=meshgrid(x)与[X,Y]=meshgrid(x,x)是等同的 [X, ...
- text/css什麼意思
text/css用在style的type屬性中,表示style的標簽里的文本內容要當做層疊樣式表(css)來解析,放在html的頁面內部,是HTML的內部樣式表: text/html用在style的t ...
- Lucene最重要的功能是对一段话的分析
Lucene最重要的功能是对一段话的分析
- FreeBSD ZFS
FreeBSD ZFS https://www.cnblogs.com/hadex/p/6068476.html 参考資料 http://docs.oracle.com/cd/E37934_01/ht ...
- 自学Aruba2.1-Aruba Web UI --Dashbord面板介绍
点击返回:自学Aruba之路 自学Aruba2.1-Aruba Web UI --Dashbord面板介绍 本文所有设计的的controller版本信息如下: Aruba7205 V6.4.4.16 ...
- 洛谷 P2887 [USACO07NOV]防晒霜Sunscreen 解题报告
P2887 [USACO07NOV]防晒霜Sunscreen 题目描述 To avoid unsightly burns while tanning, each of the C (1 ≤ C ≤ 2 ...
- bzoj2989&&4170数列——二进制分组+主席树
题意的转化挺巧妙的 可以联想到曼哈顿距离! 并且,所谓的修改还要查询历史版本,并且修改之间不动只算一次,不就是给平面上加一个点吗? 看成(x,a[x])的点 就是一个菱形区域 转切比雪夫距离,变成矩形 ...