陈小栋-CSDN博客

原创细说display属性

display属性常用取值如下：inline—————-行内元素block—————-块元素inline-block———行内块元素table—————-以表格形式显示，类似于table元素table-row———–以表格形式显示，类似于tr元素table-cell———–以表格单元格形式显示，类似于td元素none—————-隐藏元素除了上面这些，display还有list-ite

2017-09-03 21:08:29 527 1

原创负margin技术的应用

在上一篇博客”盒子模型“中，我们知道padding不能取负值，而margin是可以取负值的，负margin在实战中的应用还是挺多的。首先介绍一下当margin取负值时会发生什么神奇的事。我们分两种情况：当元素的margin-top和margin-left取负值时，“当前元素”会被拉向指定方向。当元素的margin-bottom和margin-right取负值时，“后续元素”会被拉向指定方向。

2017-09-02 09:45:29 426

原创盒子模型

在“盒子模型”中，页面中的所有元素都可以看成一个盒子（没错，行内元素也是一个盒子），并且占据着一定的页面空间。盒子模型由content(内容)，padding(内边距)，border(边框)，margin(外边距)这四个属性组成，此外，在盒子模型中还有宽度width和高度height这两辅助属性。整个盒子模型可以用下图表示(截图来自火狐浏览器)：其实盒子模型有两种，一种是w3c标准的盒子模型

2017-08-27 19:05:29 779

原创关于CSS的规范

从四个方面来记录：css命名规范书写规范注释规范css reset1.命名的规范命名是个老大难的问题，即使对于那些使用了很长时间CSS的开发人员来说，面对CSS文件的命名也会犯难或者随意对待，其实，一个良好的命名范，不仅可以提高代码的阅读体验，而且对搜索引擎优化也是很有帮助的。(1)CSS文件的命名：文件名说明reset.css

2017-06-19 19:48:11 207

原创 css选择器

在CSS入门阶段，我们大概就会接触到以下四种选择器：id选择器class选择器元素选择器群组选择器这些都是CSS最基本的选择器，这里我们来讲一下CSS2.1中的层次选择器。层次选择器有以下几种：M N 后代选择器选择M元素内部后代N元素（所有N元素）M>N 子代选择器选择M元素内部子代N元素（所有第1级N元素）M~N 兄弟选择器

2017-06-18 12:02:01 163

原创关于css的优先级问题

CSS,全称层叠样式表，很多人只知道CSS是用来控制样式的，并没有真正深入理解“层叠”的含义层叠，其实指的就是“样式的覆盖”，当样式的覆盖发生冲突时，以优先级高的为准。当“同一个元素”的“同一个样式属性”被运用上多个属性值时，就需要遵循一定的优先级规则。常见的样式覆盖发生冲突有以下五种情况：引用方式冲突。继承方式冲突。指定样式冲突。继承方式和指定样式冲突。！important。1.

2017-06-11 19:35:33 427 1

原创 CSS的两大特性之继承性和层叠性

1.继承性 css的继承性指的是子元素会继承父元素的某些样式属性。例如在父元素定义字体颜色（color属性），子元素会继承父元素的字体颜色，不过，并不是所有的属性都会被子元素继承，如margin，padding，border等就不具备继承性。在css中，具有继承性的属性有三大类:文本相关的属性:font-family、font-size、font-style、font-wei

2017-06-11 12:31:03 553

原创关于CSS单位

初学CSS，相信大家都会用px作为单位使用，其实CSS还有很多单位，可以分为两类：绝对单位和相对单位。绝对单位一般用于传统平面印刷，很少用于前端开发，这里我们只讨论相对单位。相对单位主要有以下这些： - px：像素 - %：百分比 - em：1em等于“当前元素”的字体大小 - rem：1rem等于“根元素”的字体大小除以上这些单位，还有vm，ex，vh等，这些一般用于移动端开发，这里暂

2017-05-19 00:04:55 260

陈小栋的博客