css - 随笔分类 - 酸奶好喝吗

css盒模型

摘要：所有HTML元素可以看作盒子，在CSS中，"box model（盒子模型）"这一术语是用来设计和布局时使用。盒模型包括了：内容（content）、内边距（padding）、边框（border）、外边距（margin）元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内阅读全文

posted @ 2017-07-23 21:53 酸奶好喝吗阅读(89) 评论(0) 推荐(0)

px、em、rem的区别

摘要：px:是像素，设置字体大小时稳定精准但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。 em:就是根据基准来缩放字体的大小。em实质是一个相对值这种技术需要一个参考点，一般都是以<body>的“font-size”为基阅读全文

posted @ 2017-07-22 23:12 酸奶好喝吗阅读(140) 评论(0) 推荐(0)

弹性布局

摘要：弹性布局是一种新类型的盒子模型，旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使他们的大小是未知或动态变化的。 display:flex / inline:flex(适用于父类容器元素上) flex-direction:该属性通过定义flex容器的主轴方向来决定felx子项在f 阅读全文

posted @ 2017-07-15 22:17 酸奶好喝吗阅读(136) 评论(0) 推荐(0)

相对定位与绝对定位

摘要：相对定位（relative）：对一个元素进行相对定位，它将出现在它所在的位置上，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。，让元素相对于它的起点进行移动。在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。绝对定位（阅读全文

posted @ 2017-07-09 23:20 酸奶好喝吗阅读(144) 评论(0) 推荐(0)

float浮动属性

摘要：float:属性是定义元素在那个方向浮动。在css中任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是什么元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。 left:向左浮动 right：向右浮动 none:默认值，元素不浮动，并会显示在其在文本中出现的位置。 i 阅读全文

posted @ 2017-07-09 23:02 酸奶好喝吗阅读(144) 评论(0) 推荐(0)

导航

随笔分类 - css