css
天边那朵云
这个作者很懒,什么都没留下…
展开
-
CSS实现首字符下沉
原理: 元素浮动后,不清除浮动后续内容会环绕在浮动元素的周围. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic原创 2019-01-29 14:24:56 · 1129 阅读 · 0 评论 -
获取未设置宽高的父容器的宽高
如果父容器未设置宽高直接dom.style.width 或者 dom.style.height 是取不到值的这时可以通过 dom.clientWidth 和dom.clientHeight 取值(值不带单位)原创 2019-01-29 14:28:33 · 651 阅读 · 0 评论 -
自定义元素的创建及css选中
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2019-01-29 14:54:32 · 282 阅读 · 1 评论 -
从当前页面跳转到另一个页面的指定区域并改变指定区域的背景色
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2019-01-30 11:18:31 · 688 阅读 · 0 评论 -
CSS图片下方带有4px间隙解决方法
第一种方法: 设置img的display:block;第二种方法. 设置img 父元素的 font-size: 0px;第三种方法: 设置img浮动,如果你的父元素是有img撑起来的,这个时候会导致,父元素没高度, 可以给父元素添加 绝对定位;...原创 2019-02-27 16:30:26 · 1465 阅读 · 0 评论 -
前端面试题
实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am原创 2019-02-27 11:59:36 · 150 阅读 · 0 评论 -
js计算matrix 实现transform
<!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...转载 2019-05-23 14:59:28 · 4182 阅读 · 0 评论 -
js+css创建折叠按钮
<!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-Compat...原创 2019-09-06 10:57:22 · 557 阅读 · 0 评论