CSS背景小方格样式
body:after { background-color: #efefef; background-image: linear-gradient(90deg, rgba(60, 10, 30, .04) 3%, transparent 0), linear-gradient(1turn, rgba(60, 10, 30, .04) 3%, transparent 0); background-s
Toast
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>加载中...</title> </head> <body> <button onclick="t()">弹出toast</button> &
Loading 加载中…
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>加载中...</title> <style> .wait-bg{position:fixed;width:100%;height:100%;left:0;right:0;top
CSS媒体查询
/*当页面大于1200px 时，大屏幕，主要是PC 端*/ @media (min-width: 1200px) { } /*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/ @media (min-width: 992px) and (max-width: 1199px) { } /*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD和大屏手机*/ @media (m
CSS属性大全
color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%
sticky-footers
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> .clearFix { display: inline-block; } .clearFix::after { display: block; content: "."; height: 0; li
进度条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>进度条</title> <style type="text/css"> .process_bar,.success_process{display:none;position:
radio checkbox 修改默认样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>radio与checbox修改默认样式</title> <style> body{font-size: 12px;} /*radio*/ .radio-input label
css3实现的switch开关按钮
<style> .mui-switch { width: 52px; height: 31px; position: relative; border: 1px solid #dfdfdf; background-color: #fdfdfd; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 20px; border-top-left
CSS初始化
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textarea { f
