css
关注
分享
扫一扫
ssxueyi
15年软件开发、管理、产品设计经验，大数据领域新星创作者，擅长大数据和数据可视化、BI的规划、设计、落地。
展开
-
设置div背景透明的方法
div背景透明常见的有两种方法：1.通过opacity属性设置，取值0~1,0表示透明，1表示不透明，但是这种方法会把div上的内容也同时进行透明设置。2.通过rgba格式的background-color设置，格式为：background-color:rgba(0,0,0,0~1)，0表示透明，1表示不透明。效果如下：完整代码如下：<html><h...原创 2019-11-19 17:06:04 · 15133 阅读 · 0 评论 -
html引用字体过大，页面加载缓慢，可以通过压缩字体解决
如果网页引用了特殊字体，而且字体文件较大，页面响应速度会有延迟，字蛛插件可以通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符，并将这些字符数据从字体中删除以实现压缩，同时生成跨浏览器使用的格式，从而在不影响网页效果的前提下，加快网页响应速度。使用方法如下：1.先安装运行Node.JS2.安装字蛛插件font-spider，命令为：npm install f...原创 2019-11-13 11:05:15 · 7477 阅读 · 0 评论 -
纯CSS实现DIV悬浮(固定位置)
纯CSS实现的DIV悬浮效果(固定位置)，兼容常用的浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等。效果如下：实现代码：<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http...原创 2018-06-27 16:49:24 · 114262 阅读 · 1 评论 -
引用百度地图，隐藏百度地图logo
版权什么的此处省略一万字，直接到要点：引用百度地图时，编译之后的代码中可以看到以下类似代码：百度地图logo的div引用了叫“anchorBL”的calss，比较简单的方法是覆盖此class，如： <style type="text/css"> .anchorBL{display:none;} </style>...原创 2018-11-20 10:02:34 · 2224 阅读 · 0 评论 -
纯css实现div同行显示
纯css实现div同行，效果如下（由有10余年前台工作经验的工程师指导）：代码如下（可以直接用）：<html><head><style type="text/css">/*页面通用样式*/body { background:#fff;}/*DIV通用样式*/div{ text-align:center; line-heigh...原创 2019-01-18 14:28:11 · 8052 阅读 · 0 评论 -
纯css实现table滚动条(纯css实现div滚动条)
纯css实现table滚动条(纯css实现div滚动条)，主要通过设定高度、宽度及overflow属性实现，留存备用。代码如下：<html><head><style type="text/css">/* 基本通用样式，与滚动条无关 */div{ margin:0 auto; padding:5px; background-color: #...原创 2019-04-23 17:54:23 · 4408 阅读 · 0 评论 -
DIV居中(水平居中及垂直居中)实现代码
效果:代码:<html><head><style type="text/css">/*页面通用样式*/body { background:#fff;}/*div 水平居中*/.div1{ margin:0 auto; text-align:center; height:80px; width:500px; backg...原创 2019-05-16 16:32:28 · 6741 阅读 · 0 评论 -
pointer-events 鼠标事件控制开关
禁用鼠标事件,设置pointer-events属性为none:pointer-events:none开启鼠标事件,设置pointer-events为auto:pointer-events:auto原创 2019-08-28 15:25:50 · 5981 阅读 · 0 评论 -
jquery实现 单选框选中及取消选中
选中:$(this).prop('checked', true);$(this).data('waschecked', true);取消选中:$(this).prop('checked', false);$(this).data('waschecked', false);原创 2019-08-28 15:44:29 · 2242 阅读 · 0 评论