css
SunPowerZ
这个作者很懒,什么都没留下…
展开
-
css布局之flex
本文参考了阮一峰的《Flex 布局教程》 Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。在webkit内核的浏览器中使用时,必须加上-webkit-前缀。 基本用法: .box{ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3...原创 2018-06-02 16:52:26 · 190 阅读 · 0 评论 -
css布局之display
display的常用属性如下:none: 元素不会显示,而且改元素现实的空间也不会保留。但有另外一个 visibility: hidden, 是保留元素的空间的。 inline: display的默认属性。将元素显示为内联元素,元素前后没有换行符。我们知道内联元素是无法设置宽高的,所以一旦将元素的display 属性设为 inline, 设置属性height和width是没有用的。此时影响它...原创 2018-06-03 23:00:12 · 679 阅读 · 0 评论 -
css布局之position
static:默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明)。relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。relative定位的层总是相对于其最近的父元素,无论其父元素是何种定位方式。定位为relative的...原创 2018-06-02 10:31:07 · 101 阅读 · 1 评论 -
css布局之float
float特点:当元素应用了float属性后,将会脱离普通流,其容器(父)元素将得不到脱离普通流的子元素高度。只有横向浮动,并没有纵向浮动。会将元素的display属性变为block。浮动元素的后一个元素会围绕着浮动元素(典型运用是文字围绕图片),与应用了position的元素相比浮动元素并不会覆盖后一个元素。浮动元素的前一个元素不会受到任何影响(如果你想让两个块状元素并排显示,必须...原创 2018-06-02 10:46:25 · 164 阅读 · 0 评论