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