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、参考文档。