CSS3新增文本属性

CSS2中常用的属性:

text-indent:首行缩进;

vertical-align:垂直对齐方式;

white-space:空格处理方式;

line-height:设置行高;

CSS3新增文本属性:

text-overflow

clip:溢出的部分裁切掉;

ellipsis:显示省略标记(...)  //该属性需要和over-flow:hidden属性(超出处理)还有white-space:nowrap(禁止换行)配合使用,否则无法看到效果。

text-align:

原有属性:left right center justify;

新增属性:start-内容对齐开始边界;end-内容对齐结束边界。

text-shadow

取值:x水平偏移值  y垂直偏移值 z阴影模糊值 颜色

word-wrap:

normal:允许内容顶开或溢出指定的容器边界。

break-word:内容将在边界内换行。如果需要,单词内部允许断行。

时间: 2024-12-09 00:46:48

CSS3新增文本属性的相关文章

CSS3新增文本属性详述

CSS文本属性复习 1.white-space:对象内空格的处理方式 2.direction:文本流的方向 3.unicode-bidi:用于同一个页面里存在从不同方向读进的文本显示.与direction属性一起使用 1.white-space:对象内空格的处理方式 nowrap 控制文本不换行 pre 空白会被浏览器保留 normal 默认状态 pre-line 合并空白 保留换行符 pre-wrap 保留空白 正常换行 nowrap经常配合text-overflow一起使用,使得超出部分显示

CSS3新增文本属性实现图片点击切换效果

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Keywords" content="关键词"> <meta name="Description" content="描述"> <title>CSS3新增文

CSS3新增颜色属性

CSS颜色属性复习 color name 颜色英文名称命名(如red,blue,pink,white等) HEX方式 十六进制方式(#FF0000,#B9B9B9等) rgb方式 三原色配色方式(rgb(255,0,00)) 这几种方式都是常用到的颜色属性,本人使用较多的是HEX方式.CSS3中新增了几种颜色属性. CSS3新增颜色属性 1.RGBA模式 2.HSL模式 3.HSLA模式 1.RGBA模式 rgba在之前一遍博客中已经提及过,a表示的是透明度,取值范围为0~1,rgb分别是红绿蓝

css3新增的属性有哪些

CSS 用于控制网页的样式和布局. CSS3 是最新的 CSS 标准. CSS3新增了很多的属性,下面一起来分析一下新增的一些属性: 1.CSS3边框: border-radius:CSS3圆角边框.在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角.border:2px solid; box-shadow:CSS3边框阴影.在 CSS3 中,box-shadow 用于向方

CSS3 新增文本样式

CSS3 对原来的 CSS2 版本中已定义的属性取值进行修补,增加了更多的属性值,来适应复杂环境中文本的呈现. 一.定义文本阴影 二.定义溢出文本 三.文本换行 四.添加动态内容 五.恢复默认样式 六.自定义字体类型 原文地址:https://www.cnblogs.com/niujifei/p/11107982.html

【text-align】CSS3新增文本两端对齐

text-align参数值与说明: left:内容左对齐.center:内容居中对齐.right:内容右对齐.justify:内容两端对齐,但对于强制打断的行(被打断的这一行)及最后一行(包括仅有一行文本的情况,因为它既是第一行也是最后一行)不做处理.(CSS3)start:内容对齐开始边界.(CSS3)end:内容对齐结束边界.(CSS3)match-parent:这个值和 inherit 表现一致,只是该值继承的 start 或 end 关键字是针对父母的 <' direction '>

Css3 新增的属性以及使用

Css3基础操作 . Css3? css3事css的最新版本 width. heith.background.border**都是属于css2.1CSS3会保留之前 CSS2.1的内容,只是添加了一些新的语法.CSS3 : border-radius :nth-of-type() background-size** ## 1.transition过渡?.transition-property : 规定设置过渡效果的CSS属性的名称. all ( 默认值 ) , 指定 width , height

css3新增的属性选择器

使用css选择器,可以实现一个样式对应多个html文档的元素,在{}前面的部分就是"选择器",指明了样式的作用对象. 在CSS中追加了三个属性选择器:[att*=val].[att^=val]和[att$=val] id="top" att就是id,类似的如class,href~~等属性. [att*=val]属性选择器 如果元素att属性的属性值中包含val指定的字符,那么该元素使用这个样式.[att^=val]属性选择器 如果att属性的属性值的开头字符为用va

CSS3新增基础属性总结——20160409(易达客)

1.box-shadow :h-shadow v-shadow blur spread color inset(outset) h-shadow:必须:水平阴影位置,允许负值. v-shadow:必须:垂直阴影位置,允许负值. blur:可选,模糊距离. spread:可选,阴影的尺寸. color:可选,阴影的颜色. inset(outset):可选,默认为外部阴影,可以改为内部. 补充: 1.内外边框同时设置 box-shadow :h-shadow v-shadow blur spread