CSS(15)

  • CSS-flex

    通过css3中的flex布局,实现一个流式布局:每行的项目数固定为4个块,然后会自动进行分行。分两种情况:一种有左右间距,一种没有。

  • CSS-layout

    布局,实现左侧固定,右侧自适应的布局

  • CSS-position

    position的定位需要有个详细的了解,仔细分析每一个属性。

  • CSS-display

    列出display相关属性,掌握基本用法。

  • CSS-span

    根据以下位置,说一下span的位置是什么,盒模型的位置是什么呢?

  • CSS基础知识汇总

    css基础知识汇总

  • div水平垂直居中

    div水平垂直居中以及内容水平垂直居中的各种办法。5种div水平垂直居中,3中内容水平垂直居中。

  • 盒模型:W3C盒模型和IE盒子

     盒模型:文档中的每个元素被描绘为矩形盒子,渲染引擎的目的就是判定大小,属性——比如它的颜色、背景、边框方面——及这些盒子的位置。

  • block, inline和inline-block的区别

    block, inline和inline-block的区别

  • css3中content特殊字符列表

    content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

  • 纯CSS美化radio/checkbox样式(兼容IE9+)

    利用伪元素::before给label添加样式,利用CSS3的伪类选择器:checked,:hover,:focus,:disabled设置不用状态的样式。

  • 文本省略显示

    文本省略显示分两种:单行和多行。 单行所有浏览器都兼容,多行目前仅支持webkit浏览器。

  • 去掉按钮点击后的虚线框样式

    button或者是input[type=”button”],点击后按钮区域会有一个蓝色的边框。

  • 基础样式_base.less

    目前项目中用到的都是通过less来开发,然后这里需要用到的就是将base放到各自项目里面。

  • less课题研究

    1、什么是less?(less介绍、less优点);2、如何调用less(less调用方法、GUI工具Koala、服务器端解析less.js、Node解析、IDE对应插件);3、Less语法详解(注释、变量、嵌套、运算、颜色函数、继承、匹配模式、其他、总结);4、Less和Sass的对比;5、参考文档。