当前位置:网站首页>学编程的第十一天
学编程的第十一天
2022-08-09 15:04:00 【五八同城】
从这几点分析:内容区、内边距 、边框 、外边距*/
行内元素的盒模型:
1、内容区:
默认情况下,不可以自定义内容区的大小
2、内边距
默认情况下,可以正常设置内边距,但垂直方向内边距,但它不影响整个页面的布局
3、边框:
默认情况下,可以正常设置边框,但垂直方向边框大小,不影响整个页面的布局
4、外边距
默认情况下,垂直方向的外边距,不可设置,水平方向可以设置,且水平方向的外边距不会重叠
display 设置元素的类型
可选值
none:隐藏元素(真正的消失,元素的位置不会保留)
block 将元素转成块元素
inline 将元素转成行内元素
inline-block 将元素转成行内块元素
table 将元素转成表格
flex 将元素转成弹性元素
visibility: ; 设置元素隐藏
可选值:
visible 默认值,元素正常显示(元素的位置还是会被保留)
hidden 设置元素隐藏
默认样式:
浏览器为了在页面中没有样式时,也可以有一个比较好的显示效果,
所以为很多的元素都设置了一些默认的margin和padding,
而它的这些默认样式,正常情况下我们是不需要使用的。
所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉
边栏推荐
猜你喜欢

godot编写一个节点实时属性显示系统

Heap series _0x05: A diagram analyzes the connection between heap block allocation and FreeLists

websocket协议详解与抓包分析

动态规划套题:不同路径

js事件流

【QT】QLayout: Attempting to add QLayout “to ***“, which already has a layout的终极解决方法

uniapp封装全局js并在页面引用

2022华数杯B题思路: 水下机器人的组装计划
![writeUP-[第五空间2019 决赛]PWN5(待进一步完善待研究内容)](/img/3c/ff6f1dd7402b2ccc442e806e407710.png)
writeUP-[第五空间2019 决赛]PWN5(待进一步完善待研究内容)

微信小程序学习记录(一)
随机推荐
前缀和相关:区域和检索 - 数组不可变、二维区域和检索 - 矩阵不可变...
js和jq实现点击小眼睛后密码显示与隐藏切换
基于X264的动态帧率与动态码率调整的实现
单臂路由与三层交换机实现跨VLAN通讯
同步锁synchronized追本溯源
软件测试面试题--银行面试
传输层协议TCP/UDP
转载-文件资源管理器无响应的解决办法
unity3d画布/UI自适应屏幕的方式
MySQL必知必会(一)
js事件流
2022华数杯B题思路: 水下机器人的组装计划
QT程序设计多人聊天室(基于QT、sqlite3、TCP/IP)
微信小程序学习(二)
Ntdsutil 转移主域控五大角色
godot编写一个节点实时属性显示系统
writeUP-[第五空间2019 决赛]PWN5(待进一步完善待研究内容)
后代选择器和子代选择器
Ntdsutil 清除无效的辅域控制器DC
2022高教社杯 国赛数学建模 A题思路