摘要：
flex布局 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 display: flex; display: -webkit-flex; /* Safari */ display: inline-flex 扩展 flex & margin 实 阅读全文
摘要：
float 指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除。 float: left | right | none | inline-start | inline-end; .left { float: left; background: p 阅读全文
摘要：
文本 字体的属性也可以通过 font 的简写方式来设置 . 这些是按照以下顺序来写的： font-style, font-variant, font-weight, font-stretch, font-size, line-height, and font-family 在所有这些属性中，只有 f 阅读全文
摘要：
超链接 常用样式 color color: #000; cursor cursor: [...<url>] | [type]; type:[default | wait | pointer | text | zoom-in | zoom-out...] /* 后面备用，第一个值不显示就顺序以后面的值 阅读全文
摘要：
列表 预设值 <ul> 和 <ol>元素设置margin的顶部和底部: 16px(1em) 0;和 padding-left: 40px(2.5em); （在这里注意的是浏览器默认字体大小为16px）。 <li> 默认是没有设置间距的。 <dl> 元素设置 margin的顶部和底部: 16px(1e 阅读全文
摘要：
文本处理 写入模式 writing-mode: horizontal-tb | vertical-rl | vertical-lr; 值 描述 horizontal-tb 文本横向，块流向从上至下 vertical-rl 文本纵向，块流向从右至左 vertical-lr 文本纵向，块流向从左至右 i 阅读全文
摘要：
文本溢出 默认值 overflow: visible; 溢出时隐藏 overflow: hidden; 溢出时显示滚动 overflow: auto; 显示滚动条 /* x,y轴都可滚动 */ overflow: scroll; /* 仅x轴滚动 */ overflow: scroll hidden 阅读全文
摘要：
图像 & 表单 & 表格 图像 设置图像大小 object-fit: fill | contain | cover | none | scale-down; 值 描述 fill 填充元素的内容框，不保持长宽比 contain 保持长宽比，不保证填充完元素的内容框 cover 保持长宽比，填充元素的内 阅读全文
摘要：
值与单位 color值 十六进制： #F09 #FF0099 rgb RGB()—它有三个参数，表示颜色的红色、绿色和蓝色通道值 rgb(255, 0, 153.0) rgb(100%,0%,60%) rgba rgba(51 170 51 / 0.4) /* 40% opaque green */ 阅读全文
摘要：
盒模型 margin, border, padding, and content 块级元素 (block box) * 盒子会在内联的方向上扩展并占据父容器在该方向上的所有可用空间，在绝大数情况下意味着盒子会和父容器一样宽 * 每个盒子都会换行 * width 和 height 属性可以发挥作用 * 阅读全文
摘要：
背景 背景色 设置透明度的颜色值：rgba(xxx,xxx,xxx,opacity) background-color: { } 背景图像 background-image: { } 是否平铺 background-repeat: no-repeat | repeat-x | repeat-y | 阅读全文
摘要：
css基础 外部引入样式 <link rel="stylesheet" href="styles/style.css"> 媒体查询 使用 媒体查询 来应用CSS，仅当某些条件成立(例如，当屏幕分辨率高于某一数量，或屏幕宽度大于某一宽度时)，常用于响应式布局定义一些特殊分辨率设备的样式。 body { 阅读全文
摘要：
选择器 通配选择器 * { } 类型选择器 h1 { } 类选择器 .box { } ID选择器 #unique { } 标签属性选择器 [type="button"]{} 伪类选择器 a:hover { } 伪元素选择器 p::first-line { } 后代选择器 article p { } 阅读全文
摘要：
报错 Provisional headers are shown 可能： 出现在 载入缓存资源,请求没有被发送, 而如果上一个资源加载失败,可能导致从缓存加载的资源失败, https://www.cnblogs.com/caicaizi/p/7844786.html 可能： js逻辑问题 https 阅读全文
摘要：
## node-sass & sass-loader #### 方法一： https://blog.csdn.net/weixin_38779534/article/details/108681003 先把之前装的`node-sass`卸载，再装上`sass-loader`，再装`node-sass 阅读全文
摘要：
### http-server 1. 下载http-server ```powershell $ npm install http-server -g ``` 2. 开启http-server ```powershell $ http-server -c-1 // （⚠️只输入http-server 阅读全文
摘要：
跨域 跨域 指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 同源策略 是指协议，域名，端口都要相同，其中有一个不同都会产生跨域，在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。 跨域问题怎么出现的 开发一些前后端分离的项目， 阅读全文
摘要：
翻译API google json结果 http://translate.google.cn/translate_a/single?client=gtx&dt=t&dj=1&ie=UTF-8&sl=auto&tl=zh_TW&q=calculate Bing xml结果 http://api.mic 阅读全文
摘要：
cookie,seesionStorage,localstorage区别 相同:都存储在客户端 不同: 大小:cookie 4k 另两个大得多 可达5M 有效时间 *cookie:可设置过期时间，过期时间前有效 seeionStorage:浏览器窗口关闭删除 localstorage:持久化，关闭浏 阅读全文
摘要：
乱数假文 https://www.jianshu.com/p/49ae671892d1 两个参数，第一个参数段落数，第二个参数每段的行数 英文乱数假文 =Lorem(10,10) 中文乱数假文 =rand(10,10) 阅读全文