CSS3
关注
分享
扫一扫
前端imber
这个作者很懒，什么都没留下…
展开
-
Grid布局入门
参考：最强大的 CSS 布局 —— Grid 布局 <!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.原创 2021-12-27 15:07:00 · 466 阅读 · 0 评论 -
Vue修改主题&CSS全局变量
Vue修改主题颜色 使用CSS全局变量 用于统一修改主题色 定义： /*Vue写在App.vue的style里*/ :root { --theme-color: pink; } 使用： /*每个位置都可以这样使用，即颜色为pink*/ color: var(--theme-color); 动态修改： /*选中文档节点，好像全局变量是在html文档上的，所以可以这样动态修改*/ document.documentElement.style.setProperty("--theme-原创 2021-08-16 11:09:11 · 2433 阅读 · 1 评论 -
CSS阴影&渐变
阴影： x方向阴影的位移，y方向上阴影的位移， 阴影的模糊程度，阴影的颜色和其透明度，inset为内部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="wid原创 2021-08-11 09:15:01 · 1393 阅读 · 0 评论 -
CSS三角形&梯形&圆&0.5px线
三角形： .san{ border-top:0 solid transparent; border-bottom:50px solid pink; border-right:50px solid transparent; border-left:50px solid transparent; } 梯形： .ti{ height: 20px; width: 60px; border-top:0 solid transparent; border原创 2021-08-09 22:12:59 · 365 阅读 · 0 评论 -
盒子模型和外边距重叠
C3盒子box-sizing：border-box 一旦使用，占位大小(内容大小)就不再改变 即：当加上padding、border的时候，盒子的大小是不会变化的 有UI图的时候很实用 默认IE盒子box-sizing：content-box 即：有padding、border的时候，盒子会变大 padding的部分是有背景颜色的 外边距重叠 普通文档流两个盒子的垂直外边距直接接触的时候 可以用clearfix解决，即中间加个元素 父元素padding-top解决 思考？ 父子盒子用paddi原创 2021-08-04 17:45:33 · 340 阅读 · 0 评论 -
伪类和伪元素
伪元素： 伪元素选择符： 不存在于DOM文档，创建新元素。 可以用单冒号，也可以双冒号，如:before===::before 常用例子：节点前后添加东西、清除浮动、改变选中文本颜色 伪类： 伪类选择符： 存在于DOM文档，但无法标记 用于向某些选择器添加特殊效果 用伪类有时候可以少写类 ...原创 2021-08-04 10:09:49 · 535 阅读 · 0 评论 -
rem、em和vh、vw和rpx
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例原创 2021-08-04 14:33:04 · 550 阅读 · 0 评论