× 目录 [1]适用范围 [2]伸缩项目 [3]伸缩流方向[4]伸缩流换行[5]主轴对齐[6]伸缩性[7]显示顺序[8]flex兼容 前面的话   flex弹性盒模型有3个版本: 旧版本、混合版本和新版本。如果要保...
阅读(246) 评论(0)
× 目录 [1]版本更迭 [2]display [3]基本概念[4]伸缩容器[5]伸缩项目 前面的话   CSS3引入了一种新的布局模型——flex布局。flex是flexible box的缩...
阅读(204) 评论(0)
× 目录 [1]text-align [2]writing-mode [3]dir[4]direction[5]unicode-bidi 前面的话   一般地,正常网页文本方向都是从上到下,从左到右。实际上,有多种...
阅读(186) 评论(0)
× 目录 [1]文本溢出 [2]文本阴影 前面的话   CSS3新增了一些关于文本的样式,其中text-overflow文本溢出和text-shadow文本阴影有些特别。因为它们有对应的overflow溢出属性和b...
阅读(162) 评论(0)
× 目录 [1]white-space [2]word-wrap [3]word-break 前面的话   CSS3新增了两个换行属性word-wrap和word-break。把空白符和换行放在一起说,是因为实际上...
阅读(191) 评论(0)
× 目录 [1]首行缩进 [2]水平对齐 [3]字间隔[4]字母间隔[5]文本转换 [6]文本修饰 前面的话   CSS文本样式是相对于内容进行的样式修饰。由于在层叠关系中,内容要高于背景。所以文本样式相对而言更加...
阅读(221) 评论(0)
× 目录 [1]相对定位 [2]固定定位 前面的话   一般地,说起定位元素是指position不为static的元素,包括relative、absolute和fixed。前面已经详细介绍过absolute绝对定位...
阅读(175) 评论(0)
× 目录 [1]跟随图标 [2]视频提示 [3]下拉菜单[4]边缘对齐[5]星号 [6]全屏适应[7]半区翻图[8]九宫格[9]等高布局[10]整体布局 前面的话   之前的博客文章已经详细介绍过绝对定位的基础知识,...
阅读(132) 评论(0)
× 目录 [1]定义 [2]特性 [3]display[4]clip[5]overflow 前面的话   前面已经介绍了定位的偏移和层叠,例子中大量的应用了绝对定位。因为相较于相对定位和固定定位,绝对定位在实际中应...
阅读(149) 评论(0)
× 目录 [1]表现 [2]重叠 [3]浮动[4]定位[5]应用 前面的话   margin属性在实际中非常常用,也是平时踩坑较多的地方。margin折叠部分相信不少人都因为这样那样的原因中过招。margin负值也是...
阅读(155) 评论(0)
× 目录 [1]定义 [2]堆叠规则 [3]堆叠上下文[4]兼容 前面的话   对于所有定位,最后都不免遇到两个元素试图放在同一位置上的情况。显然,其中一个必须盖住另一个。但,如何控制哪个元素放在上层,这就引入了属性...
阅读(137) 评论(0)
× 目录 [1]定位 [2]包含块 [3]偏移属性[4]绝对定位[5]格式化 [6]auto 前面的话   CSS有三种基本的定位机制:普通流、浮动和绝对定位。利用定位,可以准确地定义元素框相对于其正常位置应该出现的...
阅读(211) 评论(0)
× 目录 [1]定义 [2]属性 [3]display[4]JS[5]transition [6]API[7]DEMO 前面的话   visibility属性常见于与display属性的比较中。但实际上,该属性有自...
阅读(230) 评论(0)
× 目录 [1]条件 [2]默认 [3]尺寸[4]兼容[5]自定义 前面的话   滚动条在网页中经常见到,却并没有受到足够的重视。只有当因为滚动条的问题需要处理兼容性时,才进行调试操作。本文将就滚动条的常见内容进行...
阅读(176) 评论(0)
× 目录 [1]定义 [2]属性 [3]失效[4]应用 前面的话   当一个元素固定为某个特定大小,但内容在元素中放不下。此时就可以利用overflow属性来控制这种情况   定义 overflow...
阅读(162) 评论(0)
× 目录 [1]定义 [2]RECT [3]应用 前面的话   CSS裁剪clip这个属性平时用的不多,但其实它并不是CSS3的新属性,很早就开始出现了。本文将介绍关于clip属性的相关知识   定义...
阅读(181) 评论(0)
× 目录 [1]轮廓样式 [2]轮廓宽度 [3]轮廓颜色 [4]轮廓偏移 [5]复合属性 [6]常见应用 前面的话   轮廓outline处在边框边界的外面,它不像边框那样参与到文档流中,因此轮廓出现或消失时不会影响...
阅读(205) 评论(0)
× 目录 [1]定义 [2]标准样式 [3]拓展样式 [4]私有样式 [5]定义样式 [6]常见应用 前面的话   在浏览器中,光标对于提供交互反馈很有用。通过在不同的场景中改变光标,就能赋予其不同的含义。 &n...
阅读(178) 评论(0)
× 目录 [1]行高 [2]垂直对齐 [3]应用 前面的话   line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直...
阅读(149) 评论(0)
× 目录 [1]定义 [2]触发 [3]作用 定义   在解释BFC之前,先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting conte...
阅读(155) 评论(0)
1 2 下一页共2页  到第