文字固定行数 超出省略号展示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文字固定行数 超出省略号展示</titl
纯CSS实现Tab页切换效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible
H5原生拖拽Demo
drag： 在用户拖动元素或选择的文本时，每隔几百毫秒就会被触发一次。（拖放开始 每几百毫秒一次） dragstart： 在用户开始拖动元素或被选择的文本时调用。 （拖放开始）【在拖动开始时设置透明度】 dragend： 在拖放操作结束时触发。（拖放结束 释放鼠标） 【在拖放结束时重置不透明度】 dragover： 在可拖动的元素或者被选择的文本被拖进一个有效的放置目标时触发。（进入有效目标 每几
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
