首页 / HTML / html5高级篇

html5高级篇

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html5高级篇，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含658字，纯文字阅读大概需要1分钟。

内容图文

  • 内联块：inline-block
    ??默认情况下块元素占一行，使用内联属性能够将元素整合到一行，一旦设置这个属性且未设置宽度时，由内容决定撑开宽度。注ie6和ie7不支持。
        display:inline-block
  • 浮动：float
    ??也可以让多个块元素实现在同行展示。使文档流脱离书写顺序，比如float:right 顺序相反
        float: left|right|none|inherit
  • clear
    ??设置后对应方向不会有浮动元素，为什么要清除浮动，因为浮动元素脱离文档，使得父级元素可能包不住子级元素，导致布局出现问题。
        方法：
    1. 加高，无法适应子级元素高度动态变化
    2. 父级元素加浮动，需要加的层级太多，不合适，margin自动失效
    3. inline-block，导致左右失效
    4. after伪类清除浮动，设置浮动元素的父级样式，如：
    fatherClass:after {
        content: "";
        display: block;
        clear: both;
    }
  • 定位：position
        相对定位
绝对定位：
    使元素完全脱离文档流
    内嵌支持宽高
    有父级则对父级发生偏移，否则对document发生偏移
    相对一般配合绝对进行使用
    
z-index 定位层级
固定定位
    fixed，坚持不动，如右下角的回到顶部小图标按钮
static：默认值
inherit：从父级元素继承，不兼容

原文：https://www.cnblogs.com/boykait/p/9962060.html

内容总结

以上是互联网集市为您收集整理的html5高级篇全部内容，希望文章能够帮你解决html5高级篇所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1290706.html

来源：【匿名】