2018-04-11CSS属性之padding 与float

padding属性:表示一个标签内的元素内容 距离上下左右标签内部边界的距离。

padding: 5rpx ; 表示上下左右距离都是5rpx
padding: 5rpx 10rpx ; 表示上下 5rpx 左右距离是10rpx
padding: 5rpx 10rpx 15rpx; 表示上为5rpx 左右是10rpx 下是15rpx
padding: 5rpx 10rpx 15rpx 20rpx; 对应的是上右下左!

注意在iOS的内部边距是上左下右,是逆时针的。
在CSS中是上右下左,是顺时针的。

float 属性
定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。
注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。

left    元素向左浮动。
right   元素向右浮动。
none    默认值。元素不浮动,并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 10,125评论 5 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,671评论 0 0
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,896评论 0 6
  • 看见还有些人区分不清楚柴犬和秋田犬,宝宝看在眼里,急在心里。 虽然它俩都是日本品种,都和日本人有一样倔强的性格,但...
    张鸿羽阅读 1,794评论 1 2