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进行渲染工作. 一.字符串去尾介绍 在文字渲染中,不免会遇到字符串去尾的需求.字符串去尾指的是:当字符 ...
随机推荐
- Git 换行符检查 CRLF 与 LF
遇到的问题 在 git 提交或是签出时,提示如下问题: [git] warning: LF will be replaced by CRLF | fatal: CRLF would be replac ...
- Angular 行内式依赖注入
var app = angular.module('myApp', ['ng']); //创建一个自定义服务app.factory('$Debug', function () { return { d ...
- hive存储、数据模型、内部表
创建内部表 加一列元素 删除表
- 记一次配置oh my zsh的坑
oh-my-zsh:https://github.com/robbyrussell/oh-my-zsh prezto:https://github.com/sorin-ionescu/prezto 我 ...
- WPF将数据库和GridView绑定并更改GridView模板
首先来看一下如何使用GridView,在前台的话代码如下:这里仅仅举出一个例子,GridView是作为子项嵌套在ListView中的,这里的数据源是通过绑定的方式来绑定到GridView中的. < ...
- LODOP中平铺图片 文本项Repeat
Lodop打印控件中,可使用如下语句让打印项平铺在纸张上.LODOP.SET_PRINT_STYLEA(0,"Repeat",true);平铺的打印项的区域和打印项的宽高有关,如图 ...
- VS2017+WIN10自动生成类、接口的说明(修改类模板的方法)
微软发布VS2017的时候,我第一时间离线一份专业版,安装到了自己的电脑上,开始体验,但是问题来了,在开发中建立类和接口的时候,说 明注释总要自己写一次,烦!~~于是还是像以前一样改IDE默认的类和接 ...
- 经典Java面试题收集(二)
经典的Java面试题(第二部分),这部分主要是与Java Web和Web Service相关的面试题. 96.阐述Servlet和CGI的区别? 答:Servlet与CGI的区别在于Servlet处于 ...
- SQL注入方法之:获取列名
select col_name(object_id('table'),1) from sysobjects where name='table'
- FieldGroup绑定ItemDataSource
FieldGroup可以直接绑定一个数据源DataSource.但如果想绑定某个值,并没有直接作为数据库中的一个字段存在.而是最后转为json串保存在数据库中.这样的话相当于key-value模式的D ...