swiper组件类似于Android中的ViewPager，实现类似轮播图的效果，相对于Android的Viewpager,swiper实现起来更加方便，快捷。 效果图： 首先看下swiper支持的属性： ------------------------------------------------------------------------------------ 具体实现轮播...

2018-07-04 02:36:14

元素(element) 类型:替换和非替换元素 替换元素(replaced element): 用来替换元素内容的部分并非由文档内容直接显示. eg:img input 非替换元素(nonreplaced element): 其内容由用户代理在元素本身生成的框显示. eg:绝大多数都是非替换元素 基本元素类型:块级(block-lev...

2018-07-04 02:36:13

!doctype html meta charset='utf-8' content='text/html' / head title应用网页模板/title style content='text/css' * { margin:0px; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } html,body { width:100%; b...

2018-07-04 02:36:07

今天小酌一杯，起了点点飞智，想用HTML/CSS/JS来山寨一个mac系统自带的计算器。先给自己立两个flag： 【像众泰学习】外观、功能像素级拷贝为主，兼顾山寨气质。 【像泽野螳螂学习】原曲不使用。（努力做到不借鉴任何现成的方案） 废话不多说，现在开始。 首先，以下是...

2018-07-04 02:35:37

前言： 在项目开发中，遇到了一个需求，实现一行上的导航栏过多使其产生横向滚动条。一开始做项目，给的时间太短又着急，觉得网上有现成的，去搜发现没有，只好自己去写，一开始用的是平常css+js实现功能，之后学习了flex布局，所以又想到了用flex实现横向滚动条。两种...

2018-07-04 02:35:34

本文主要介绍 CSS 滤镜的不常用用法，希望能给读者带来一些干货！ 注意：ie不兼容 本文所描述的滤镜，指的是 CSS3 出来后的滤镜，不是 IE 系列时代的滤镜，话不多说，直接开车，语法如下： { filter : blur(5px) ; filter : brightness(0.4) ; filter : contrast(200%)...

2018-07-04 02:35:33

本文的目的主要是展示CSS变量是如何工作的。 随着Web应用程序变得越来越大，CSS变得越来越大，越来越多，而且很多时候都很乱， 在良好的上下文中使用 CSS变量 ，为您提供重用和轻松更改重复出现的CSS属性的机制。 在“纯粹的”CSS支持变量之前，我们有像 Less 和 Sass...

2018-07-04 02:35:23

div class="all-box" !---- div class="bg" div class="pic-box" div class="pic pic1"img src="img/pic1.png" //div div class="pic pic2"img src="img/pic2.png" //div div class="pic pic3"img src="img/pic3.png" //div /div /div /div /body !---- script src="js...

2018-07-04 02:35:17

移动端页面按钮或者图标，点击的瞬间会有阴影，这是浏览器自带的，要去除这个阴影可以在css样式里加上以下属性：-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;...

2018-07-04 02:34:46

做的一个项目，布局的时候用到了max-height:calc(100% - 15px);在谷歌、火狐浏览器，进行下拉的时候，它的父元素会出现垂直滚动条，但是在IE就不可以。 然后在网上找了找，说在它的父元素上加上position:relative，可以解决IE没有垂直滚动条的bug，然后试了，不行。最...

2018-07-04 02:34:45