• 纯CSS完美实现垂直水平居中的6种方式

    2016-07-30
    纯CSS完美实现垂直水平居中的6种方式
    前言 由于HTML语言的定位问题,在网页中实现居中也不是如word中那么简单,尤其在内容样式多变,内容宽高不定的情况下,要实现合理的居中也是颇考验工程师经验的。网上讲居中的文...
  • 深入理解CSS的display属性

    2016-07-02
    深入理解CSS的display属性
    在布局中, display 属性是最重要的CSS属性之一。其最常见的属性值有 block , inline , none , table 以及 inline-block 。最近的新宠为 flex ,因为它是专门为布局创建的 display 属性。新出现的 grid...
  • CSS开发中的10个不要

    2016-05-05
    CSS开发中的10个不要
    自我进入这个行业,我就发现开发人员一直在努力征服CSS。 理由也很充分,开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行,而另一个DIV浮到左侧,感...
  • CSS边框盒子模型详解

    2016-03-27
    CSS边框盒子模型详解
    盒子模型主要是有margin(外边距)、border(边框)、padding(内边距)、content(内容)组成,这些属性我们可以把它转移到我们日常生活中的盒子上来理解,日常生活中所见的盒子也就是装东西的箱...
  • CSS实现垂直居中的常用方法

    2016-03-12
    CSS实现垂直居中的常用方法
    在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比...
  • 纯CSS创建各种不同的图形形状

    2015-11-09
    纯CSS创建各种不同的图形形状
    介绍 我们学习如何使用简单的CSS来创建不同类型的平面图形。 使用代码 矩形 .rectangle { width: 250px; height: 150px; background-color: #6DC75F;}div/div 三角形 .triangleUp { border-left: 75px solid transparent;...
  • 12个CSS高级技巧汇总

    2015-11-07
    下面这些CSS高级技巧 使用:not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的nth-child选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用...
  • 17条记录