CSS
文章平均质量分 77
yihuoZhou
每天进步一点
展开
-
CSS中的几种垂直居中方法
在CSS中要实现水平居中很容易实现,给标签设置一个宽度,并设置margin属性,margin 0 auto;即可实现块级元素的水平居中。而要实现垂直居中则要相对复杂一点,以下介绍几种方法实现垂直居中。 1.首先清除祖先元素的样式,通过设置margin:0;padding:0;设置需要居中元素的属性,代码如下:<!DOCTYPE html> <html lang="en"> <head> <原创 2017-02-14 14:04:07 · 401 阅读 · 0 评论 -
Bootstrap响应式布局原理
Bootstrap响应式布局是利用其栅格系统,对于不同的屏幕采用不同的类属性。在开发中可以只写一套代码在手机平板,PC端都能使用,而不用考虑使用媒体查询(针对不同的设备分别写不同的代码)。Bootstrap的官方解释:Bootstrap提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为做多12列。 栅格系统用于通过一系列的行(row)与列原创 2017-04-05 11:40:50 · 22345 阅读 · 1 评论 -
常见两种的loading样式(css实现)
第一种圆形loading,效果图如下: 实现的原理是利用CSS中的animation属性,无线循环播放动画能够达到旋转效果。具体的html和css实现代码如下<!DOCTYPE html> <html> <head> <title>loading样式1</title> <style type="text/css"> .loading{原创 2017-05-04 17:36:51 · 9230 阅读 · 0 评论