实现滑动(hover)文字后出现波浪下划线效果,玩玩吧。直接上demo:<!DOCTYPE html> ...
用CSS3画几件漂亮你的裙子,一起来学下咯。先看下效果图:一共三种模式,一起来看下源码吧。<!DOCTYPE html><htm...
CSS中最基本的两列自适应布局,你掌握过没呢,分享下呢。左边自适应宽度需要用.wrap包裹起来,设置.wrap的margin-right为负值,内部.left的...
一起来学习如何用CSS实现菱形图形,先看效果:直接上代码咯。<!DOCTYPE html><html lang=&qu...
Flexbox布局(FLexibleBox)意在提供一个更为有效的方式来进行布局、对齐和分配一个容器内元素之间的空间,即使他们的大小是未知的或者动态的。fl...
晚上闲着没事,看到了一个不错的效果,用CSS3实现三维空间的叠加效果,分享出来给大家,一起学习下。先看下效果图:接下来,直接贴上代码:<!DOCTYPE&...
分享最近做的按钮样式规范。注意:为了统一前端页面样式,杜绝页面色彩脱离主题,特立规范。衡量原则:并不是涉及到每一个按钮字段都有对应的推荐主题,而是遵循原则:1....
分享CSS布局的小技巧。1.max-width:当页面左右宽度缩小时,为了避免出现左右滚动条的糟糕体验,就可以用到max-width啦!页面比宽度小时,会自动缩...
如今不论是自学HTML5开发技术还是参加HTML5培训的小伙伴都不在少数,本篇文章扣丁学堂小编和读者们分享一下HTML5是什么,对HTML5开发感兴趣的小伙...
今天要记录的有两点:盒子模型文本元素在盒子中的居中问题外边距合并(隐藏知识点)在做盒子模型的实验中,发现使用text-align将元素文本在水平方向上居中外,还...
HTML5有什么语义化可言呢,大家都知道HTML5增加了不少的标签,相对于HTML4.1版本,标签选择更多了。那么语义化怎么去解决呢?真正使用HTML5标签来开...