CSS 中文开发手册 背景裁剪 | background-clip (Backgrounds & Borders) - CSS 中文开发手册 background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框下面。 本文标题：背景裁剪 | background-clip (Backgro... ...
分类：
Web程序 时间：
2020-07-04 01:17:16
阅读次数：
76
前言 在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。 我们要对与视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念要有一定的了解。 产生原因 设备像素 ...
分类：
移动开发 时间：
2020-07-03 19:41:31
阅读次数：
103
CSS让我们的网页更加丰富多彩, 布局更加灵活自如。 CSS最大贡献就是: 让HTML从样式中脱离, 实现了HTML专注于去做结构呈现, 样式交给CSS 理想情况下: 结构(html)与样式(css)相分离 CSS初识 概念 CSS(Cascading Style Sheets), 通常称为CSS样 ...
分类：
Web程序 时间：
2020-07-03 10:26:44
阅读次数：
66
画两条边框，再旋转盒子45度 .box{ width: 7px; height: 7px; border-top: 2px solid red; border-right: 2px solid red; transform: rotate(45deg); } ...
分类：
Web程序 时间：
2020-07-03 01:05:55
阅读次数：
89
底部1px虚线边框： .line { width: 100%; height: 100px; position:relative; border-left:1px dashed red; border-right:1px dashed red; } .line:after { content:''; ...
分类：
移动开发 时间：
2020-07-02 16:03:01
阅读次数：
55
使用伪类 + transform方案： 原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。 单 代码演示 : .box-1px{ posit ...
分类：
其他好文 时间：
2020-07-02 13:17:20
阅读次数：
51
CSS 中文开发手册 空单元 | empty-cells (Miscellaneous Level 2) - CSS 中文开发手册 empty-cells 该empty-cellsCSS属性指定用户端应该如何渲染周围的边框和背景有没有可见的内容的单元格。此属性时才适用border-collapse的... ...
分类：
Web程序 时间：
2020-07-02 00:03:47
阅读次数：
65
CSS 中文开发手册 盒子模型 | box model (Miscellaneous Level 1) - CSS 中文开发手册 在布局文档时，浏览器的渲染引擎根据标准的CSS盒子模型将每个元素表示为矩形框。CSS确定这些框的大小，位置和属性（颜色，背景，边框尺寸等）。 每个盒子由四个部分（或区域）... ...
分类：
Web程序 时间：
2020-07-01 23:51:53
阅读次数：
61
const TextField({ Key key, this.controller, // 控制正在编辑文本 this.focusNode, // 获取键盘焦点 this.decoration = const InputDecoration(), // 边框装饰 TextInputType key ...
分类：
其他好文 时间：
2020-07-01 20:48:11
阅读次数：
112
一、盒子模型 1.什么是盒子模型 css盒模型本质上是一个盒子，封装周围的html元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 2.标准盒子模型 根据 W3C 的规 ...
分类：
Web程序 时间：
2020-07-01 12:24:25
阅读次数：
78
