摘要:
<a>标签 download属性 说明 :hello为浏览器下载后文件的名字,浏览器会自动检测文件的扩展名 href属性 说明 :href值可以是相对地址,绝对地址,锚点\(\ top\) referrer属性 说明 :规定获取资源时应该使用哪个提交者的字符串。属性值 表示 头部不会被发 阅读全文
摘要:
```html p1 p2 p3 p4 p5 p6 p7 阅读全文
摘要:
场景 当页面内容不够一屏时,footer固定到底部。当超过一屏时,根据实际高度,footer自动向下延伸。 实现 阅读全文
摘要:
mixins.scss placeholder border radius position center ellipsis border 1px safe area flex 阅读全文
摘要:
引导图是为了方便用户快速的了解产品的新功能,比较好的开源项目有driverJS、introJS。了解实现思路能更好的扩展第三方应用,特别是对于这种DOM操作相关的库。 思路:这个简单的DMEO没有JS,my类是等待引导的元素,pop是一个高亮区,用于突出显示my,mask是遮罩层。在使用z inde 阅读全文
摘要:
伪元素和伪类比较容易混淆,视觉上为了区分两者,CSS3规定伪元素用双冒号表示,伪类用单冒号表示。伪元素包括但不限于 ,伪类包括但不限于 以 和`:first child ::first line :first child`表示选中第一个子元素,你不需要为这个子元素添加class就能选中它 伪元素示例 阅读全文
摘要:
径向渐变 径向渐变就是椭圆渐变,圆是椭圆的特殊形式,径向渐变从圆心点以椭圆的形式向外扩散,渐变的实现由两部分组成:椭圆和色标,椭圆控制渐变的位置、大小和形状;色标控制渐变的颜色和位置。 语法: 演示效果 See the Pen radial gradient by wmui (@wmui) on C 阅读全文
摘要:
基本概念 使用 或者 让元素成为伸缩容器,采用flex布局的元素称为伸缩容器(flex container),容器内的子元素称为伸缩项目(flex item)。 注意: 浏览器会将直接将伸缩容器内的文字包起来成为匿名伸缩项目。 flex布局使元素FFC化(flex formating context 阅读全文
摘要:
径向渐变 渐变是两种或多种颜色之间的过渡,线性渐变是多种颜色沿着一条直线(渐变线)过渡,渐变的实现由渐变线和色标两部分组成,渐变线控制渐变的方向;色标控制渐变的颜色变化,色标包括颜色和位置。浏览器从每个色标的位置淡出到下一个位置,通过确定多个色标的位置可以制作多色渐变效果。 语法: 示例效果 See 阅读全文
摘要:
本篇文章中涉及到的一些概念,在上篇文章中已有介绍: "理解CSS transform 2d变换" 示例效果 See the Pen transform 3d by wmui (@wmui) on CodePen. 坐标轴 3d变换是建立在三维坐标轴上,它比二维变换多了一个z轴。写代码的时候,眼睛与电 阅读全文