落叶卢生

\u6211\u559c\u6b22\u4f60\u554a

CSS使用技巧-让你更加得心应手的CSS

前言CSS是一门简单的语言,但是在如今CSS3的出现以及普及,似乎更多人开始觉得吃力,于是很多人都不愿意学习新的语法,但其实这些新的特性的出现都是有原因,其目的...

最通俗的this讲解

前言this关键字可以说是贯穿JavaScript这门语言的一个精髓,若是不能好好理解this关键字,那在实际的开发中也是会遇到各种各样莫名其妙的问题,让人百思...

CSS使用技巧-过渡与动画

前言CSS过渡动画是CSS3的一大新亮点,这种本该由CSS实现的效果过去一直是使用脚本来实现,多多少少会影响性能,现在我们拥有了强大的CSS过渡动画功能后,将会...

CSS使用技巧-结构与布局

前言1.自适应内部元素假如实现以下布局,要求图片下面的文字的自适应图片的最大宽度,并且图片是可变的,可能你会想要设置一个固定的max-width宽度值应用于包含...

CSS使用技巧-用户体验

前言1.扩大可点击区域在移动端的时候,我们往往需要增加可点击区域,比如下面这个,本身比较小,那我们如何让其可点击区域变大呢? 常用做法是增加透明边框,但如果我们...

CSS使用技巧-视觉效果

#前言 1.单侧投影我们都知道box-shadow可以设置元素的投影,但有时候我们只想设置一侧为投影效果,类似与这样: 具体代码实现: 123456div &#...

CSS使用技巧-形状

前言1.自适应的椭圆如果我们想要实现一个圆形效果或者椭圆效果,我们都知道使用border-radius可以解决,比如: 123456div{ w...

CSS使用技巧-字体排印

前言1.连字符断行我们经常会想实现两端对齐的效果,但结局往往不如人意,比如: 123p { text-align: justify;}...

内联元素与流

字母x——css世界中隐匿的举足轻重的角色我们这里的字母x就是我们平常所见的字母x,只不多由于它本身形态的特殊性,由此衍生出了许多的css概念。 x-heigh...

基础知识与盒尺寸

CSS概念首先,应该明白CSS是什么,CSS全称Cascading Style Sheets,中文简称就是“层叠样式表”,所谓层叠就是样式可以层层叠加,比如页面...