Core.css-轻量级的CSS reset和栅格系统

Core.css-轻量级的CSS reset和栅格系统

作者:月光光 时间:2016-11-26 21:39标签:CSS  响应式 

Core.css是一个非常小巧的CSS reset和栅格系统,如果你的项目非常小,你完全没必要使用大型的css框架如Bootstrap,你只需要不到4kb的core.css,就可以拥有css reset和栅格系统以及响应式布局。阅读全文

漂亮的垂直导航样式

漂亮的垂直导航样式

作者:月光光 时间:2016-10-07 11:28标签:CSS3  导航 

幻灯片滑动切换的时候,需要做个切换的导航条,甚至很多的页面或者组件都用到导航条,本文结合实例将简单介绍使用CSS实现的垂直幻灯片导航样式效果。阅读全文

Meta标签的那些事

Meta标签的那些事

作者:月光光 时间:2016-05-02 15:56标签:html  viewport 

Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务。阅读全文

使用纯CSS美化radio和checkbox

使用纯CSS美化radio和checkbox

作者:月光光 时间:2016-04-24 20:01标签:css3  表单美化 

单选框Radio和多选框checkbox需要美化吗?当然,原生的样式百年不变已经满足不了我们客户的需求。表单很多控件需要美化,我们有借助Javascript来做美化的,也有直接用CSS来美化的,今天我给大家介绍使用纯CSS实现radio和checkbox的美化。阅读全文

Font字体小图标应用

Font字体小图标应用

作者:月光光 时间:2016-04-09 21:25标签:字体图标  CSS 

我们知道在页面上载入小图标有多种方式,比如我们使用比较多的是css sprite背景图片定位,就是将很多小图标集成到一张大图,然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标,它利用@font-face原理载入图标字体库,然后调用图标。阅读全文

自定义美化的下拉选择框

自定义美化的下拉选择框

作者:月光光 时间:2016-03-27 12:42标签:下拉选择  CSS3  HTML5 

这是一款使用HTML5 SVG和CSS3制作的非常棒的select下拉菜单美化效果。我们可以通过JavaScript来将表单中元素修改为更加好看的样式,甚至是更复杂的表单元素,例如select下拉菜单。我们可以有非常多的表单美化方案,使用户可以得到更加好的用户体验。阅读全文

CSS3面包屑导航和多步骤指示

CSS3面包屑导航和多步骤指示

作者:月光光 时间:2016-01-23 20:58标签:CSS3  菜单 

面包屑是用来做当前页面所在的站点位置的导航作用,它一层层的表示站点分类或目录层级关系,而多步骤指示经常用在一些分步流程向导的应用,如分步注册向导,货物订购流程。今天我们来用CSS制作面包屑和多步骤指示的应用。阅读全文

CSS3单页面垂直固定导航

CSS3单页面垂直固定导航

作者:月光光 时间:2016-01-13 10:20标签:CSS3  菜单 

越来越多的开发者喜欢将单页面尤其像产品介绍页面设计成用一个简单的导航条关联的页面各个重要部分(节点)。本例中,一个页面由多个重要节点组成,在页面一侧会垂直展示多个简单的导航远点,滑上圆点会展示对应节点部分的名称,点击页面会滚动到对应的节点部分,而导航条位置固定不变。阅读全文

使用CSS制作的页面背景固定和滚动效果

使用CSS制作的页面背景固定和滚动效果

作者:月光光 时间:2015-12-04 15:43标签:css  滚动 

如何创建一个不需要Javascript而仅仅只需CSS的background-attachment属性就能实现页面背景固定和滚动效果。我们看到现在有很多的网站项目使用了视差效果,通过图片和背景的动态变化以及js脚本来产生视差,而今天我们只需要CSS即可。阅读全文

使用Animate.css制作超炫的CSS3动画

使用Animate.css制作超炫的CSS3动画

作者:月光光 时间:2015-11-21 15:36标签:CSS3  动画 

Animate.css是一个超强的CSS3动画库,它使用简单,只需要将相关效果对应的class加入页面元素中,就能实现翻转、滑动、旋转等等复杂超炫的跨浏览器的动画效果,它让开发这制作页面动画变得非常简单。阅读全文

上一页1234下一页
顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章