样式表
-
常用的CSS实现垂直居中的4种方法
这次给大家带来常用的CSS实现垂直居中的4种方法，CSS实现垂直居中的注意事项有哪些，下面就是实战案例，一起来看一下。 行高line-height实现单行文本垂直居中 以前一直认为单行文本垂直居中要将高度和行高设置成相同的值，但高度其实没必要设置。实际上，文本本身就在一行中居中显示。在不设置高度的情…
-
css如何做出0.5像素的线条
这次给大家带来css如何做出0.5像素的线条，css做出0.5像素线条的注意事项有哪些，下面就是实战案例，一起来看一下。 公司的设计师在做设计图的时候都是以iphone6（宽为750物理像素）为基准进行设计的。iphone6的设备像素比（即css像素与物理像素的比例）是2，所以设计师在设计图画了边框…
-
css3的Transition平滑过渡菜单栏实现
这次给大家带来css3的Transition平滑过渡菜单栏实现，实现Transition平滑过渡菜单栏的注意事项有哪些，下面就是实战案例，一起来看一下。 CSS3的制作动画的三大属性（Transform,Transition,Animation）下面介绍一下 Transition属性。transit…
-
CSS双飞翼布局的详解
这次给大家带来CSS双飞翼布局的详解，实现CSS双飞翼布局的注意事项有哪些，下面就是实战案例，一起来看一下。 双飞翼布局，就是两端固定宽高，中间自适应的三栏布局 先来张图，左边和右边的灰色块是固定宽高的，中间绿色的区域是宽高自适应 方式一：通过flex弹性布局来实现 看代码 //HTML结构，p2是…
-
怎样高效的使用CSS选择符
这次给大家带来怎样高效的使用CSS选择符，高效使用CSS选择符的注意事项有哪些，下面就是实战案例，一起来看一下。 最初写CSS的时候，觉得很简单，写得天马行空。后来慢慢的发现，没有规则的瞎写，虽然也能实现效果，但是在实际开发中可能会多做无用功或是重复做功，并且CSS并不高效。于是后期开发时就特意按照…
-
CSS3实现瀑布流布局的方法
这次给大家带来CSS3实现瀑布流布局的方法，CSS3实现瀑布流布局的注意事项有哪些，下面就是实战案例，一起来看一下。 以前使用瀑布流都要用js，现在有了css3，可以轻松实现了。 掌握点： 1、column-count 把p中的文本分为多少列 2、column-width 规定列宽 3、column…
-
CSS3做出倒影的图文详解
这次给大家带来css3做出倒影的图文详解，css3做出倒影效果的注意事项有哪些，下面就是实战案例，一起来看一下。 效果图如下： 示例图片 在CSS3之前，想要实现示例图片这样的一个倒影效果一般只能通过处理图片的方式，而CSS3问世之后，想要实现这样的效果变得非常简单，只需一个CSS3属性就可以轻松实…
-
CSS3做出无缝轮播广告
这次给大家带来CSS3做出无缝轮播广告，CSS3做出无缝轮播广告的注意事项有哪些，下面就是实战案例，一起来看一下。 无缝轮播的原理图 1 . html的架构 : @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ JavaSc…
-
完全利用CSS实现元素居中
这次给大家带来完全利用CSS实现元素居中，利用CSS实现元素居中的注意事项有哪些，下面就是实战案例，一起来看一下。 前言 记得有次找工作面试的时候，一面试官问了一个CSS方面的问题：如何让元素在浏览器窗口中上下左右居中。我记得当时给了个答案是，先用JS获取浏览器窗口高度，然后给body设置line-…
-
css3的pointer-events使用详解
这次给大家带来css3的pointer-events使用详解，使用css3的pointer-events的注意事项有哪些，下面就是实战案例，一起来看一下。 pointer-events 是什么？ 顾名思义，pointer-events 是一个用于 HTML 指针事件的属性。 pointer-even…
