关于网页布局中常见的margin: 0px ; padding: 0px; 总结

我们在网页布局中常用到margin: 0px; padding: 0px;  但是在大型的网站布局中通常不这样写通常是按下面这种方式。

ul, li, ol, dl, dt, dd, div, p, span, h1, h2, h3, h4, h5, h6, a {
padding: 0px;
margin: 0px;
}
但是经过本人的逐一验证发现有的标签的初始化margin 和padding没有值,本人总结如下
dl上下外边距16px dd左边距40px p标签上下外边距为16px h1上下外边距21.4px ol左内边距40px ul上下外边距16px左内边距40px ol上下外边距16px左内边距40px
除了这些元素外其它元素margin和padding值初始值都为0

转载于:https://www.cnblogs.com/danruoyanyun/p/11359946.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段 CSS 代码主要是针对一个网页的登录注册按钮进行样式设计。具体解释如下: 1. `#bt` 是一个 ID 选择器,用于选登录注册按钮的父元素。`display: flex;` 是设置该元素为弹性布局,`justify-content: center;` 和 `align-items: center;` 分别是设置该元素的子元素在水平和垂直方向上居对齐。 2. `#bt input` 用于选登录注册按钮的 input 元素,`width: 100px;` 和 `height: 35px;` 分别是设置该元素的宽度和高度,`border: 1px solid gray;` 是设置该元素的边框样式,`border-radius: 5px;` 是设置该元素的圆角,`text-align: center;` 是设置该元素的文本居对齐,`margin: 10px;` 是设置该元素的外边距。 3. `*` 是通用选择器,用于选所有元素。`margin: 0px;` 和 `padding: 0px;` 分别是设置所有元素的内外边距为 0,`color: brown;` 是设置所有元素的文本颜色为棕色,`margin: 0 auto;` 是设置所有元素的水平居对齐,`background-color: beige;` 是设置所有元素的背景色为米色。 4. `#loginbody` 是一个 ID 选择器,用于选登录注册按钮所在的父容器。`width: 500px;` 和 `height: 500px;` 分别是设置该元素的宽度和高度,`display: flex;` 是设置该元素为弹性布局,`justify-self: center;` 和 `align-items: center;` 分别是设置该元素在水平和垂直方向上居对齐。 5. `#username, #password` 是 ID 选择器,分别用于选用户名和密码输入框。`width: 200px;` 和 `height: 30px;` 分别是设置这两个元素的宽度和高度,`outline: none;` 是去掉这些元素的外边框,`border: 1px solid #999;` 是设置这些元素的边框样式,`margin: 10px;` 是设置这些元素的外边距。 6. `.ls` 是类选择器,用于选登录和注册按钮。`width: 80px;` 和 `height: 35px;` 分别是设置这些按钮的宽度和高度,`margin: 10px;` 是设置这些按钮的外边距,`border-radius: 5px;` 是设置这些按钮的圆角。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值