随笔分类 - html&css
摘要：css 布局中单位有多少 屏幕相关的几个概念 分辨率 屏幕尺寸 设备像素（物理像素）单位pt 设备独立像素（DIP） 设备像素比（DPR） 设备像素比 = 物理像素 / 设备独立像素 （可以通过JS来获取设备像素比 window.devicePixelRatio） 屏幕像素密度（PPI） 屏幕像素密
阅读全文
摘要：css3 一些 容易忘记的 属性整理记录 1. box shadow |值 | 说明 | | | |h shadow |必需的。水平阴影的位置。允许负值 |v shadow |必需的。垂直阴影的位置。允许负值 |blur |可选。模糊距离 |spread |可选。阴影的大小 |color |可选。阴
阅读全文
摘要：一、概述 二、基本概念 1.容器和项目 2.行和列 3.单元格 4.网格线 上图是一个 4 x 4 的网格，共有5根水平网格线和5根垂直网格线。 三、容器属性 ` Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性； 另一类定义在项目上面，称为项目属性。这部分先介绍容器属性。 ` 1.
阅读全文
摘要：Email 邮件模板 带格式的邮件，其实就是一张网页，正式名称叫做HTML Email。它能否正常显示，完全取决于邮件客户端。 大多数的邮件客户端（比如Outlook和Gmail），会过滤HTML设置，让邮件面目全非。 编写HTML Email的窍门，就是使用20年前的网页制作方法。下面就是我整理的
阅读全文
摘要：### pc 端 初始化默认的一些样式; // res.css
```
*,::before,::after{ padding:0;margin:0; outline:none; -webkit-tap-highlight-color:transparent;
}
/* 改变盒子模型 */
*{ -webkit-box-sizing: border-bo...
阅读全文
摘要：### 微信小程序默认公用样式样式类 app.wxss; ```
/* rpx单位表示 设计稿测量出来是多少就是多少 不用转换 */ /**app.wxss**/
page{font-size: 26rpx;font-family:sans-serif}
image{ width:auto;height: auto;}
page{ -webkit-box-sizing: borde...
阅读全文
摘要：### 移动端 基于flex布局 的默认样式 rest css ; ```
*,::before,::after { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: transparent; }
/* 所有元素的盒模型 */
*{ -webkit-box-sizing: borde...
阅读全文
摘要：HTML 结构 <div class="all"> <div class="left"> </div> <div class="right"> </div> </div> css 样式部分 .all{overflow: hidden 清除浮动....} .left{ width:200px; bac
阅读全文
摘要：将中文参数用encodeURI（）函数进行转码，
阅读全文
摘要：HTML中下载文件两种方法；a标签下载；js下载; <!-- 网页地址和图片地址同源的情况下这样是可以的，不同源则是直接打开这个地址 --> <!-- 方法一:同源情况下载 --> <header class="clearfix " style="text-align: center;"> <a s
阅读全文
摘要：input::-webkit-input-placeholder{ color:blue; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:blue; } input:-moz-placeholder{ /* Mozilla Fi
阅读全文
