html5+css3 - 随笔分类 - 明明的喵喵

a.download下载文件 ---跨域问题

摘要：下载文件，使用a.download var a = document.createElement('a') a.download = row.fileName || 'pic' a.href = row.src; a.click() 预览文件 window.open(row.src) 预览文件只能预阅读全文

posted @ 2020-06-12 11:11 明明的喵喵阅读(3710) 评论(0) 推荐(0)

background 背景图片 --css3

摘要：background 1.设置背景平铺background-repeat round ：图片会进行缩放后平铺space : 图片会进行平铺,中间留下空白空间注：当滚动行为设为fixed,round和space没有效果 2.设置滚动时的行为background-attachmentscroll：父元素滚动时，跟随滚动；子元素滚动时，不跟随滚动。背景图片跟随父元素滚动local：父元素滚动时，跟随滚阅读全文

posted @ 2019-10-24 17:38 明明的喵喵阅读(1419) 评论(0) 推荐(0)

兄弟伪类

摘要：“+” p + li 表示相邻的兄弟元素 “~” p ~ li 表示兄弟元素阅读全文

posted @ 2019-10-23 17:04 明明的喵喵阅读(130) 评论(0) 推荐(0)

轮播图--使用原生js的轮播图

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图-不用jquery</title> <style> *{ padding:0; margin:0; } .view{ width: 1000px; height: 600px; margin: 0px auto; margin-top:30px; pos 阅读全文

posted @ 2019-10-11 09:53 明明的喵喵阅读(142) 评论(0) 推荐(0)

box-sizing -- 盒模型

摘要：1.添加盒模型 2.justify-content 设置了盒模型之后，默认左对齐。如果想要改变对齐方式，就设置 justify-content flex-start：默认值。项目位于容器的开头。让子元素从父元素的左边开始对齐 flex-end：项目位于容器的结尾。让子元素从父元素的右边开始对齐 ce 阅读全文

posted @ 2019-09-26 17:02 明明的喵喵阅读(222) 评论(0) 推荐(0)

字体图标

摘要：1.打开iconfont网站，下载需要的字体图标。把需要的字体图标加到项目中，然后下载下来 https://www.iconfont.cn/collections/index?spm=a313x.7781068.0.0&type=1 2.把对应的文件复制到项目中 3.按照demo里的使用方法添加字体阅读全文

posted @ 2019-09-26 14:52 明明的喵喵阅读(187) 评论(0) 推荐(0)

在线字体

摘要：1.找到需要添加字体的文字，然后打开iconfont，https://www.iconfont.cn/webfont?spm=a313x.7781068.0.d81ec59f2#!/webfont/index 把文字复制进去，点击下载在线字体，然后把下载的文件放到项目中，最后引用就行先定义字体，然阅读全文

posted @ 2019-09-26 14:36 明明的喵喵阅读(210) 评论(0) 推荐(0)

随笔分类 - html5+css3