Logo

菜单

qiaofugui

所有标签

#小程序 5 #Yarn 0 #移动端 5 #浏览器私有前缀 1 #案例 0 #模板引擎 1 #插件 0 #开发框架 0 #响应式 1 #Vuex 1 #Vue3 5 #Vue2 5 #Umi3 1 #Vite 0 #Taro 1 #UniApp 1 #TypeScript 5 #SEO 1 #React17 3 #HTTP 1 #Sass 1 #HTML5 1 #React 18 #Pinia 1 #Mock 1 #Less 0 #jQuery 4 #NodeJS 3 #JavaScript 45 #Ajax 6 #HTML 1 #Git 3 #Echarts 0 #ES6 1 #Bootstrap 1 #Axios 0 #CSS 22 #CSS3 10 #Canvas 1 #Halo 0
笔记 #CSS

CSS-固定定位、粘性定位

固定定位 fixed 固定定位是元素固定于浏览器可视的区域 选择器 { position: fixed; } 特点： 以浏览器的可视

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-定位

为什么需要定位 浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子 定位组成 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位 = 定位模式 + 边偏移

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-书写顺序

属性书写顺序 .box { /* 布局类型 */ display: block; position: relative; float: left; /* 盒子模型+背景 */

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-文字阴影

语法 text-shadow: h-shadow v-shadow blur color; 值 描述 h-shadow 必须，水平阴影文章，允许负值 v-shadow 必须，垂直阴影文章，允许负值 blur 可选，模糊距离 color 可选，阴影颜色

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-盒子阴影

box-shadow: h-shadow v-shadow blur spread color inser; 值 描述 h-shadow 必须，水平阴影文章，允许负值 v-shadow 必须，垂直阴影文章，允许负值 blur 可选，模糊距离 spread 可选，阴影尺寸 color 可选，阴影颜色

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-清除内外边距

* { margin: 0; padding: 0; } 注意：行内元素为了照顾兼容性，尽量只设置左右内外边距，不要设置上下内外边距。但是转换为块级元素就可以了

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-外边距合并塌陷问题

相邻块元素垂直外边距合并 当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。而是取俩个值中的较大者这种现象被称为相邻块元素垂

qiaofugui 发布于 2024-05-20
笔记 #CSS

CSS-margin 典型应用

外边距可以让块级盒子水平居中，但必须满足两个条件： 盒子必须制定了宽度（width） 盒子左右的外边距都设置为 auto div{ width: 960px; margin: 0 auto; }

qiaofugui 发布于 2024-05-20
上一页 下一页