css 删除线，价格删除线

之前一直都是使用position来定位块的位置 现在新学了一个比较主流的flex来定位块的位置 感觉确实比之前的好多了 现在总结下大概的用法 flex是把一个div分成主轴和交叉轴 其中主轴方向的定位有三个 1 flex direction

CSS文字样式 文字样式属性 字体 font family 文字大小 font size 文字颜色 font color 文字粗细 font weight 文字样式 font style font family字体属性 定义元素内文字以什么

记录一下 用到的空格的转义字符 1 最常见 nbsp 的称为 不换行空格 全称 No Break Space 占1个字符宽度 nbsp 2 ensp 称为 半角空格 全称 En Space 占1个字符宽度 ensp 3 emsp 的称为 全

div 基本层级 div class pc invest join container div class bg wrap div class place hold div div class top container div class

一般我们自己封装的组件或者组件库 element vant antdesign 中的样式在页面中必要的时候需要改变时 解决方法如下 解决方法 在页面中重新写一个 不要改成局部的 scope 页面中全局修改 在上一部的中 改变组件样式时 要先

h5 端页面在弹窗时禁止底部页面滚动 在实现时 我尝试过几种方法 方法一 touchmove stop prevent 在遮罩层中添加 touchmove stop prevent 可以实现禁止页面滚动 如下 div class dialo

由于多个项目中用到了sass和less 所以就学习了一下相关知识 记录下来方便随时查看 前言 css是用来编写网站样式 但是 其写法比较一成不变 如果想要使用 css 实现 js 一样的变量 常量等 就会比较臃肿 难以维护 所以 作为css

css 盒模型 html元素可以看成一个盒子 包括 边框 编剧 填充和实际内容 盒子模型 Box Model Margin 外边距 清除边框区域 Margin没有背景颜色 它是完全透明的 Border 边框 边框周围的填充和内容 Paddi

定义渐变背景样式 gradient text background image linear gradient to right ff0000 00ff00 渐变色范围 background clip text 应用渐变背景到文本 webk

边框 设置边框颜色

一 css word spacing属性设置字间距 单词的间距 word spacing 属性增加或减少单词间的空白 即字间隔 在这个属性中 字 定义为由空白符包围的一个字符串 也就是说该属性是以空格为基准进行调节间距的 如果多个字母被连在

css3 flex 实现常见页面布局 上中下布局 左中右三列布局 圣杯布局 Flex是Flexible Box的缩写 意为 弹性布局 用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为Flex布局 box display flex 行

效果 代码

状态栏 var status bar height 计算属性 height calc var status bar height 343px 底部安全区 先constant再env constant safe area inset bott

text decoration line through

flex flow属性是flex direction属性和flex wrap属性的简写形式 默认值为row nowrap box flex flow

前言 最近 在项目中遇到一个关于CSS中元素z index属性的问题 具体问题不太好描述 总结起来就是当给元素和父元素色设置position属性和z index相关属性后 页面上渲染的元素层级结果和我预想的不一样 根据自己之前的理解 也没找

项目中看到 line height 1 所以来总结一下 line height 属性 line height 定义 line height 属性设置行间的距离 行高 line height 不允许使用负值 属性可能的值 值 描述 norma

此笔记来自于跟尚硅谷老师学习 此篇是对CSS选择器的总结以及视频中的P37的餐厅练习自己做的答案 自己所写 用于自我复习 P37尚硅谷 餐厅练习 https flukeout github io 目录 css选择器 1 Select the