博主信息
博文 7
粉丝 0
评论 0
访问量 14128
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
字体图标的引用及页面布局盒模型常用属性
A特权?&非凡群直播&社群裂变
原创
819人浏览过

字体图标引用

布局规则和元素类型

  1. 常见的页面布局一般都是:宽度受限,但是高度无限
  2. html文档的元素默认在浏览器中按照文档刘的顺序排列,html中哪个元素在前就页面中显示在前
  3. html是一个二维空间,二维空间中的元素排列方式只有两种:水平、垂直;默认先水平,排列不下,再换行按照垂直方向排列
  4. 元素的类型有两种:
    内联元素

    内联元素排列方式为一个一个并排,所在行排满后就会换行显示。
    内联元素属性:display:inline

    块元素

    块元素的特征就是独占一行
    块元素属性:display:block

盒模型的常用属性

1、width
2、height
3、border
4、padding
5、margin
6、box-sizing 改变了盒子大小的计算方式

盒模型的box-sizing属性改变了盒子大小的计算方式

  1. 当box-sizing属性为:border-box时,会限制盒子的总宽度为height和width,padding和border不变,但是会让内容区自适应大小
  2. 当box-sizing属性为:content-box时,会限制内容区为height和width,padding和border不变,会让盒子总大小自适应
批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学