![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
炉火纯青-旺
这个作者很懒,什么都没留下…
展开
-
js 获取元素css样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>获.原创 2022-01-07 08:57:46 · 326 阅读 · 0 评论 -
CSS 总结
1:标准的css盒子模型和低版本的ie盒子模型有什么不同?1:盒模型都是由四个部分组成,分别是margin、border、padding、和content。2:标准盒模型和ie盒模型的区别在于设置width和height时对应的范围不同。标准盒模型的width和height属性的范围只包含了content,而ie盒模型的width和height属性的范围包含了border、padding和content。3:一般来说我们可以通过修改元素的box-sizing属性来改变元素的盒模型。2: c原创 2020-10-20 10:28:04 · 136 阅读 · 0 评论 -
css 父级元素宽度根据后代元素最大固定宽度自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css 实用技巧</title> <style> div{ .原创 2020-05-15 16:27:39 · 2033 阅读 · 0 评论 -
css 缓动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css 实用技巧</title> <style> p { .原创 2020-05-15 15:17:44 · 1467 阅读 · 0 评论 -
css 环形移动路径动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css 实用技巧</title> <style> *{ b.原创 2020-05-15 14:57:37 · 496 阅读 · 0 评论 -
mapbox + tdt + vue 实现天地图基本地图添加
index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c...原创 2020-02-16 20:40:05 · 1995 阅读 · 0 评论 -
css 笔记
1:li 中除了最后一个元素其余的添加border边框li:not(:last-child) { border-bottom: 1px solid #999999;}2:决定定位实现“弹窗”居中html:<div class="dialog"> <div class="header">我是标题</div> ...原创 2019-11-18 10:30:39 · 190 阅读 · 0 评论 -
css3 transtion 从右向左过渡
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="author" content="https://www.cnblogs.com/jizuiku"/> <title></title> <st...原创 2019-08-09 15:43:18 · 8385 阅读 · 0 评论 -
flex 笔记
flex 布局父级元素属性: justify-content 子元素水平排列方式 center: 居中 space-between: 两端对齐 space-around: 子元素拉手分布 flex-start: ...原创 2019-08-06 18:56:00 · 137 阅读 · 0 评论 -
改变input[checkbox]默认样式
<input type="checkbox" name="btn" id="btn1"><label for="btn1">按钮1</label>input[type="checkbox"]{width:20px;height:20px;display: inline-block;text-align: center;vertical-align: m...原创 2019-07-24 14:47:59 · 958 阅读 · 0 评论 -
HTML CSS JS 实现页面分割效果
<!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-04-18 21:11:05 · 1824 阅读 · 0 评论 -
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-...原创 2019-04-18 19:46:53 · 372 阅读 · 0 评论 -
CSS flex弹性布局
一:display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布局以后,子元素的float、clear和vertica...原创 2019-04-23 09:00:35 · 222 阅读 · 0 评论 -
ES6 实现图片切换功能
<!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-04-21 18:50:19 · 464 阅读 · 0 评论