clearfix:after清除浮动的用法及测试代码
今天回顾一下css中的清除浮动 复制代码 代码如下: .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} /*所有主流浏览器...
林译川
林译川
CSS3弹性布局内容对齐（justify-content）属性使用详解
内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。 该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对...
林译川
CSS3 3D制作实战案例分析
一、前言 上一节，介绍了基础的CSS3 3D动画原理实现，也举了一个小小的例子来演示，但是有朋友跟我私信说想看看一些关于CSS3 3D的实例，所以在这里为了满足一下大家的需求，同时也为了以后能够更好的巩固CSS3 3D的知识，所以在这...
林译川
CSS加载失败原因的总结与分析
1、真正的加载失败 一、有时网页能完整打开网页布局完整，有时网页像没有CSS控制一样显示没有任何布局样式的网页。 造成此原因有空间IIS不够多、空间速度慢、浏览者网速慢等 二、网页打开显示完全没有CSS控制的原始显示。 造成此原因有链...
林译川
CSS隐藏移动端的滚动条的三种实现方式
在移动端开发中，经常会碰到需要横向滚动的场景，例如这样的 但很多时候是不需要展示这个滚动条的，也就是这样的效果，如下 你可能想到直接设置滚动条样式就可以了，就像这样 ::-webkit-scrollbar { display: n...
林译川
DIV+CSS通用样式布局实例代码
一下是一个非常简单易懂的通用样式布局，希望对于刚开始接触DIV+CSS的同学有帮助。先看效果图： 我们可以看出通常的页面布局有以下几个部分：头部、内容、底部，其中内容有左侧主显区和右侧边栏。下面贴出代码： 复制代码 代码如下: DIV...
林译川
css3实例教程 一款纯css3实现的环形导航菜单
之前为大家介绍了好几款导航菜单，今天要给大家带来一款纯css3实现的环形导航菜单。该导航比较新鲜，列表图标位于中间，单击列表图标的时候，各项分布于列表图表的四周。形成一个环形。效果图如下： 实现的代码。 html代码： 复制代码 代码...
林译川
css中height和line-height区别
line-height：行高 设置文字间上下距离 height：高度 就是定义一个层 或某样东西的高度啦 也就是说line-height是特指单行高度，height可以为所有元素的高度 文字放大后边缘会重叠？ line-height直...
林译川
WEB前端涉及的布局、结构化和标准化
很久没有写文章，最近一直在忙于找工作和找房子。哎，现在终于安定下来了，哎，又叹息一下，是因为我把去淘宝面试的机会也推掉了，本来以为要卷铺盖回武汉了，哎，不提了，很对不起小马哥，也很对不起自己啊！ 现在还是在上海，不扯了，开始正题吧。做...
林译川
使用CSS3实现按钮悬停闪烁动态特效代码
我们介绍了使用CSS3 column系列属性创建瀑布流布局的方法，感兴趣的朋友可以去了解一下~ 我们先来看看效果图 下面我们来研究一下是怎么实现这个效果的： 首先是HTML部分，定义一个div容器包裹button按钮，在按钮中使用标签...
林译川