html5中关于新增的几个背景属性和文本属性介绍

来源：懂视网责编：小采时间：2020-11-27 15:07:05

html5中关于新增的几个背景属性和文本属性介绍

html5中关于新增的几个背景属性和文本属性介绍:一、背景图像显示：①background-size：规定背景图像的大小；值：像素值、百分比、auto、cover、contain②background-origin ：规定背景图像的起始位置；值：padding-box(默认)、content-box、border-box③background-clip值：

推荐度：

点击下载本文 文档为doc格式

导读html5中关于新增的几个背景属性和文本属性介绍:一、背景图像显示：①background-size：规定背景图像的大小；值：像素值、百分比、auto、cover、contain②background-origin ：规定背景图像的起始位置；值：padding-box(默认)、content-box、border-box③background-clip值：

一、背景图像显示：

①background-size：规定背景图像的大小；

值：像素值、百分比、auto、cover、contain

②background-origin ：规定背景图像的起始位置；

值：padding-box(默认)、content-box、border-box

③background-clip

值：padding-box、content-box、border-box(默认)

二、HSLA：

新增颜色属性；

H：色调

S：饱和度

L：亮度

A：透明度

三、新增渐变颜色：

radial-gradient：(*position（deg），color percentage，color percentage)；径向渐变
linear-gradient：(*position，color percentage，color percentage)；线性渐变

四、新增倒影：

-webkit-box-reflect：(direction，offset，color(可线性)，url)

五、MASKS遮罩、蒙版：

-webkit-mask：(url，repeat，position，size)

六、自定义字体：

@font-face{
　　font-family：'iconfont'；定义字体名
　　src：url(‘iconfont.tff’)；加载字体
}

七、多行文本省略号：（共四行css）

-webkit-box-orient:vertical =>文本垂直显示
-webkit-line-clamp:3 =>显示 3 行文本
display:webkit-box =>弹性盒模型
overflow:hidden =>溢出隐藏

八、文本阴影：（可复合使用）

text-shadow：offsetX，offsetY，模糊距离，颜色

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

html5中关于新增的几个背景属性和文本属性介绍

推荐度：

点击下载本文 文档为doc格式

标签：背景增加及文字

热门焦点

html5中关于新增的几个背景属性和文本属性介绍

html5中关于新增的几个背景属性和文本属性介绍

html5中关于新增的几个背景属性和文本属性介绍

最新推荐

猜你喜欢

热门推荐