web前端-CSS Margin(外边距)-013
来源:互联网 发布:魔兽争霸数据查看器 编辑:程序博客网 时间:2024/06/16 03:41
CSS Margin(外边距)属性定义元素周围的空间。
Margin
margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的
margin可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。
可能的值:
这样做的结果会依赖于浏览器 length 定义一个固定的margin(使用像素,pt,em等) % 定义一个使用百分比的边距
Margin可以使用负值,重叠的内容。
在CSS中,它可以指定不同的侧面不同的边距:
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>www.baidu.com</title> <style>p{ background-color:yellow;}p.margin{ margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px;}</style></head><body><p>这是一个没有指定边距大小的段落。</p><p class="margin">这是一个指定边距大小的段落。</p></body></html>
运行结果:
Margin - 简写属性
为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的缩写属性。
所有边距属性的缩写属性是”margin”:
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>www.baidu.com</title> <style>p{ background-color:yellow;}p.margin{ margin:100px 50px;}</style></head><body><p>这是一个没有指定边距大小的段落。</p><p class="margin">这是一个指定边距大小的段落。</p></body></html>
运行结果:
margin属性可以有一到四个值
- margin:25px 50px 75px 100px;
- 上边距为25px
- 右边距为50px
- 下边距为75px
- 左边距为100px
- margin:25px 50px 75px;
- 上边距为25px
- 左右边距为50px
- 下边距为75px
- margin:25px 50px;
- 上下边距为25px
- 左右边距为50px
- margin:25px;
- 所有的4个边距都是25px
所有的CSS边距属性
margin
简写属性。在一个声明中设置所有外边距属性。 margin-bottom
设置元素的下外边距。 margin-left
设置元素的左外边距。 margin-right
设置元素的右外边距。 margin-top
设置元素的上外边距。 0 0
- web前端-CSS Margin(外边距)-013
- CSS 外边距 margin
- 前端-css样式 外边距(margin)和内边距(padding)
- 10017---CSS Margin(外边距)
- CSS-外边距(margin)
- 理解CSS外边距margin
- CSS margin 设置div外边距填充
- CSS框结构外边距margin属性
- css之margin collapse(外边距叠加)
- css 之margin collapsing(外边距叠加)
- css外边距margin重叠及其解决方法
- CSS Margin(外边距)和Padding(填充)
- css-margin collapse外边距折叠
- css中内边距是padding,外边距是margin
- CSS 内边距padding ,外边距margin
- Web前端基础知识(五)——margin外边距合并
- CSS CSS 外边距(margin)重叠及防止方法
- margin外边距合并
- Parcel: unable to marshal value
- Xcode代码块生成和移植的小技巧
- leetCode练习(53)
- 利用Hexo 搭建Blog
- ubuntu安装配置apache2服务器
- web前端-CSS Margin(外边距)-013
- Spring依赖注入
- 十条命令检测linux系统上的服务器
- android自定义view 流式标签View
- JSP学习 —— 开篇:JSP,servlet容器,Tomcat,servlet容器之间的关系
- Java建造模式
- k-d tree
- Atmel studio注意事项
- 我的标题呢?在Centos 7下安装FFmpeg