css
宣讯
Learn and run it
展开
-
js动态添加、删除class
添加:document.getElementById("id").classList.add("className");或者 :obj.className+=" "+'className';删除:document.getElementById("id").classList.remove("className");原创 2020-09-16 09:56:49 · 2504 阅读 · 0 评论 -
JavaScript实现的DOM绘制柱状图效果示例
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.jb51.net JavaScript DOM绘制柱状图</title> <...转载 2019-07-23 10:48:25 · 406 阅读 · 0 评论 -
css进展图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .container { width: 50%; h转载 2018-11-29 21:17:26 · 166 阅读 · 0 评论 -
图片或DIV加滤色、模糊
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> html { height: 100%; margin: 0px; padding: 0px; }转载 2018-11-13 17:13:02 · 847 阅读 · 0 评论 -
margin-left与left
<!doctype html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .div1 { width: 300px; height: 30转载 2018-11-13 17:12:48 · 2897 阅读 · 0 评论 -
word-wrap、word-break、white-space
white-spacenormal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列,但是正常地进行换行。 pre-line 合并空白符序列,但是保留...转载 2018-11-13 17:11:29 · 554 阅读 · 0 评论 -
CSS设置复选框check样式
思路:1.label绑定复选框,选择label时则复选框被选中2.隐藏原来的复选框,利用:after或:before伪样式在label前或后添加一个空白字符,设置宽高和圆角3.点击label或圆角时设置圆角颜色,因为三者是一起的,所以三者一起变化<!DOCTYPE html><html><head> <meta charset="...转载 2018-11-13 17:08:04 · 8698 阅读 · 0 评论 -
CSS表单按钮样式
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /* 最外层div */ .div1 { width: 800转载 2018-11-13 17:12:11 · 4107 阅读 · 0 评论 -
CSS滚动条
1.::webkit下面的CSS设置滚动条主要有7个属性::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动槽 ::-webkit-scrollbar-...转载 2018-11-13 17:12:21 · 647 阅读 · 0 评论 -
Animate.css简单使用
引入animate.css文件1.网络引用 <link rel="stylesheet" href="https://raw.githubusercontent.com/daneden/animate.css/master/animate.css">2.下载csshttps://daneden.github.io/animate.css/,下载并保存为css文件使用...转载 2018-11-13 17:18:00 · 1063 阅读 · 0 评论