![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 445 阅读 · 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 · 2319 阅读 · 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 · 1377 阅读 · 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 · 332 阅读 · 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 · 324 阅读 · 0 评论 -
伪类和伪元素
伪元素:伪元素选择符:不存在于DOM文档,创建新元素。可以用单冒号,也可以双冒号,如:before===::before常用例子:节点前后添加东西、清除浮动、改变选中文本颜色伪类:伪类选择符:存在于DOM文档,但无法标记用于向某些选择器添加特殊效果用伪类有时候可以少写类...原创 2021-08-04 10:09:49 · 495 阅读 · 0 评论 -
rem、em和vh、vw和rpx
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例原创 2021-08-04 14:33:04 · 508 阅读 · 0 评论