FLEX布局模式的理解

Flexbox，一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。首先举一个栗子，之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。     阅读全文
AppleSun's avatar
AppleSun 11月 22, 2016

bootstrap学习手册

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。让前端开发更快速、简单,让开发者快速上手。—-Bootstrap如是说     阅读全文
AppleSun's avatar
AppleSun 6月 18, 2016

伪元素浅谈

伪类属性、伪类元素，因为不同于别的HTML功能性、语义性标签，却有它存在的价值，值得我们玩味。今天 咱们来看看 关于伪类元素的那些事     阅读全文
AppleSun's avatar
AppleSun 5月 26, 2016

CSS自适应汇总

所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局.大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名词。现在对布局也算有一点了解，做个总结巩固一下。如果你也看了很多资料，但是实际动手时对布局还是无从下手的话，希望本文可以帮你理清思路。     阅读全文
AppleSun's avatar
AppleSun 5月 16, 2016