CSS选择器大致可以分成5类：基本选择器，层次选择器，属性选择器，伪类，伪元素。基本，层次，属性选择器比较容易理解，毕竟它们选择的对象都属于DOM中看得见摸得着的元素。但伪类和伪元素相对比较抽象，稍微有一点点理解上的难度。本篇就是我对伪类和伪元素的理解。先介绍一下伪类和伪元素有什么区别？其实这是个纯概念上的问题，就算不...
居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。早期总结了一下互联网上有关于水平垂直居中的几种实现方案，比如说《CSS制作水平垂直居中对齐》中介绍了八中实现水平垂直的方案，而在《CSS制作图片水平垂直居中》一文介绍了四...
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><style>.wrapper{border:20p...
自己项目用到优惠券的样式，特拿来分享。主要用到了css的position:absolute属性。 效果如下图： <!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><t...
0.wxss不能直接通过css3中的background-image属性来设置显示的背景图片。例如我在wxss中书写如下background-image:url(imageB.png);控制台打印：pages/index/index.wxss中的本地资源图片无法通过WXSS获取，可以使用网络图片，或者base64，或者...
css层模型说的是position这个属性，它有四个常用值，分别是static、relative、absolute、fixed。1.static：这个是元素的默认值，特点是页面会依照自左向右、自上向下的方向布局，并且设置top、right、bottom、left值是没有用的，并且设置z-index也是没有用的，不能进行...
display:inline;...
display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;必须要有个宽度...
可以用css来统一设置，也可以单独对标签进行设置。Auto<span>Auto</span>Crosshair<span>Crosshair</span>Default<span>Default</span>Pointer<span>P...
只需要设置div的width属性，p标签加上word-break:break-word属性就会自动换行----------------2016.7.1--------------------今天在评论列表中也遇到了这个问题，并且只有英文会出现顶开容器的现象，仔细找了一下资料，因为在排版上，CJK（ChineseJapa...
了解设备像素和css像素的因该知道，通常我们在写移动端时，是按照设计稿标注的像素除以设备的DPR来写真实的像素，比如在iPhone6上，我们写的20px字体世界上在视觉效应上有20px;所以当我们写1px边框时，在手机上看起来会变粗变为2px；对此有如下解决方案：.border-1px(@color){position...
在开发中常遇见这种问题，我们需要将底部固定在页面的最下方；无论正文内容的高度是多少；如果直接用fixed定位:bottom为0；那么当正文过多时，底部将会与正文重叠；代码如下：html：<divclass="container"><divclass="content"><p>Lore...
以前只用到list-style:none;这种方式，原以为也只这种方式呢，这个方式只不过是让li前的标记去掉而已，下面为大家介绍下CSS:list-style和inline用法详解，感兴趣的朋友不要错过平时只顾着写程序，写p或span或ulli之类的，常常遇到一莫名的问题，自己的解决方式可能是top:-10px也可能f...
一displaydiaplay改变标签的模式，行内装块级（block），块级转行内（inline） 通过设置display为none，可以让整个标签在页内移除掉设置visibility为hidden也可以让控件不显示，但是回占用位置 设置display...
如何使用CSS设置Checkout样式的示例代码<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>CSS3自定义Checkbox特效</title></head><styl...
一、先到阿里巴巴矢量图标库(http://iconfont.cn/)生成自己的字体图标，并下载下来，找到ttf格式文件 二、到这个平台https://transfonter.org/，把字体文件转化成base64格式 三、在wxss文件中引入 四、在wxml加入字体 五、显示效果 ...
