您的位置:首页 > Web前端 > HTML5

H5特殊属性、特性

2019-06-10 00:08 1346 查看

文章目录

  • 特性
  • 特殊属性

    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

    用来调整优先级,在值后面写上,表示它是最高优先级。

    内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: