首页 > Web开发 > 详细

2015年9月22号css第二次课

时间:2015-09-24 12:52:51      阅读:285      评论:0      收藏:0      [点我收藏+]

常用的块级元素和行内元素

 

 1、块级元素(p、hr、div、table、ul、ol、li、h1-h6)

 2、行内元素(a、img、input、span)

 

 

块级元素和行内元素相互转换

 

    1、display:inline; 块级转成行内元素

  2、display:block; 行内元素转成块级元素

  3、display:inline-block; 具有行内元素和块级元素特点: width、height会受到影响;不会单独占满一行

 

css盒子模型

 

    内间距:padding

      padding:10px; 上下左右10px

      padding:10px 20px; 上下10px、左右20px

      padding:10px 20px 10px; 上10px、左右20px、下10px

      padding:1px 2px 3px 4px; 上1px、右2px、下3px、左4px

 

   外间距:margin  

 

                margin:10px; 上下左右10px

                margin:10px 20px; 上下10px、左右20px

                margin:10px 20px 10px; 上10px、左右20px、下10px

                margin:1px 2px 3px 4px; 上1px、右2px、下3px、左4px

                注意:margin对行内元素只支持左右,不支持上下;padding全支持。

2015年9月22号css第二次课

原文:http://www.cnblogs.com/zhangjx/p/4834706.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!