H5特殊属性、特性
2019-06-10 00:08
1346 查看
文章目录
- 特殊属性
- max-width
- line-height
- transition:all 1s;
- vertical-align: middle;
- border-radius:
- 更改title图标
- box-sizing:box-border;非常重要
- box-shadow
- background-color:linear-gradient(left , #730cc9, #ff6ed7);
- outline
特殊属性
max-width
描述:最大宽度。max-width: 1080px;比如当屏幕宽度大于1080px时。只显示1080px。但是其他的没有要求。
line-height
描述:行高;
transition:all 1s;
描述:过渡效果,写在变化之前。对应的有一个结果,代表1s后转变为结果。
vertical-align: middle;
描述:垂直居中。
border-radius:
描述:圆角
更改title图标
描述:更改自己的图标
<link rel="icon" href="img/small-title-icon.png" type="image/x-icon" />
box-sizing:box-border;非常重要
描述:解决内容使用百分比但边框使用的px的不统一问题
box-shadow
描述:给元素添加阴影让他更有质感
boxShadow="10px 10px 5px #888888"
值 | 描述 |
---|---|
h-shadow | 必需。水平阴影的位置。允许负值。 |
v-shadow 必需。 | 垂直阴影的位置。允许负值。 |
blur 可选。 | 模糊距离。 |
spread 可选。 | 阴影的尺寸。 |
color 可选。 | 阴影的颜色。请参阅 CSS 颜色值。 |
inset 可选。 | 将外部阴影 (outset) 改为内部阴影。 |
background-color:linear-gradient(left , #730cc9, #ff6ed7);
描述:渐变色,线性渐变还有
background: linear-gradient(10deg, red, blue)也行。
outline
描述:设置元素周围的轮廓;
outline:#00FF00 dotted thick;
特性
继承性
直接使用父元素声明好的样式,大部分属性可以继承
层叠性
可以加多个选择器只要不冲突
优先级
就近原则,按顺序执行打html中。写在后面打后执行,会覆盖前面打样式。
!important
用来调整优先级,在值后面写上,表示它是最高优先级。
相关文章推荐
- H5新特性汇总
- HTML和CSS特殊属性
- H5新特性之geolocation
- 在ActivityGroup中一个Activity中有个EditText,没有设置任何的特殊属性,却只能输入内容,不能删除。
- 20.5 shell脚本中的逻辑判断 20.6 文件目录属性判断 20.7 if特殊用法 20.8/20.9 case判断
- JavaBean属性命名特殊规范
- ListView 特殊属性
- 步步为营VS 2008 + .NET 3.5(3) - C# 3.0新特性之Automatic Properties(自动属性)、Object Initializers(对象初始化器)、Collection Initializers(集合初始化器)和Extension Methods(扩展方法)
- Python-类的特殊对象属性
- Linux学习第十一篇--默认权限和特殊属性
- vue学习之路---基础(实例方法/特殊属性)
- 浅谈h5的新属性(data-*属性)
- javaScript 工作必知(八) 属性的特性 值、写、枚举、可配置
- CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性
- type=file文件上传H5新特性
- c# ComboBox特殊属性
- 第三天javascript的特殊属性
- LinearLayout和RelativeLayout的特殊属性
- 如何获取类或属性的自定义特性(Attribute)
- H5文章文字之间的间距、行距等属性