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 · 352 阅读 · 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 · 146 阅读 · 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 · 2082 阅读 · 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 · 1485 阅读 · 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 · 512 阅读 · 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 · 2036 阅读 · 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 · 213 阅读 · 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 · 8447 阅读 · 0 评论 -
flex 笔记
flex 布局父级元素属性： justify-content 子元素水平排列方式 center: 居中 space-between: 两端对齐 space-around: 子元素拉手分布 flex-start: ...原创 2019-08-06 18:56:00 · 150 阅读 · 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 · 982 阅读 · 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 · 1856 阅读 · 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 · 393 阅读 · 0 评论 -
CSS flex弹性布局
一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertica...原创 2019-04-23 09:00:35 · 245 阅读 · 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 · 477 阅读 · 0 评论