css基础 行内元素的外边距只有左右,没有上下
2018-02-11 11:15
246 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
ide:visual studio 2017
browser:Chrome
os:win7
browser:Chrome
os:win7
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title></title> <style type="text/css"> span { /*玄中妙:display:inline-block;*/ background-color:crimson; /* 左右有效 */ margin-left:20px; margin-right:20px; /* 上下无效 */ margin-top:50px; margin-bottom:50px; /* 内边距-左右 */ padding-left:20px; padding-right:20px; /* 上下 - 并非无效,并非有效 要注意 bottom有效果,top无效果 */ padding-top:50px; padding-bottom:50px; } </style> </head> <body> <span>行内元素</span> </body> </html>
效果
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- css基础 设置div 上下左右边框线的样式
- 图片自适应父元素大小,并左右上下居中的css方法
- css3 上下左右居中子元素的方法
- 行级元素左右边距及块级元素上下边距
- css基础 块级元素嵌套发生的外边距合并问题
- 图片自适应父元素大小,并左右上下居中的css方法
- css基础 设置div块的上下左右的内填充距离padding(缩写形式)
- css基础 设置div块的上下左右的内填充距离padding(缩写形式)
- css---flex布局中,如何响应式 得水平垂直居中?flex子元素左右 上下居中
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- css 宽高未知的子元素在父容器上下左右居中
- css基础 margin 上下外边距合并问题 小例子
- css基础 margin 上下外边距合并问题 小例子
- 元素上下左右各种边距对应属性值
- css 不影响同辈元素上下左右移动元素位置
- 行级元素上下边距 块级元素左右边距
- css基础 设置div 上下左右边框线的样式
- css基础 盒子模型 外边距 边线 内边距 内容的布局(图)
- DIV+CSS基础教程:盒模型、块状元素与内联元素、CSS选择器