【简抄】h5 新增的几个背景属性和文本属性
一、背景图像显示:
①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,模糊距离,颜色
以上内容不完整,有些标点用的中文半角,以后还会修订补充。
最新文章
- MySQL 半同步复制+MMM架构
- 11-C语言指针&;一维数组&;字符串
- J2EE之oracle、mysql存储过程调用
- 通信vue2.0组件
- eval(gzinflate(base64_decode N层,自动解密
- Codeforces Round #373 (Div. 2) B
- RSA加密算法正确性证明
- mybatia的mypper.xml文件,参数类型为map,map里有一个键值对的值为数组,如何解析,例子可供参考,接上文,发现更简便的方法,不必传数组,只需传字符串用逗号隔开即可
- SQL 语句中按照in语句原有的顺序进行排序
- Oracle EBS-SQL (BOM-5):检查有BOM但物料状态为NEW的物料.sql
- java major version(转)
- Archlinux安装和使用技巧
- 配置ssh无密钥登陆
- 【转】OJ提交时G++与C++的区别
- UML图概述
- [转]OpenContrail 体系架构文档
- POJ - 2528 区间离散化,线段树区间修改,区间询问
- 每周分享之JS数组的使用
- 【Luogu4931】情侣?给我烧了! 加强版(组合计数)
- sharding-jdbc结合mybatis实现分库分表功能