HTML
基础知识汇总
俞小挺
这个作者很懒,什么都没留下…
展开
-
Electron+vue
4. Electron+vue官方文档: http://www.electronjs.org/docselectron-vue文档: https://simulatedgreg.gitbooks.io/electron-vue/content/cn/一:创建项目cnpm install -g vue-cli vue init simulatedgreg/electron-vue electron-demo二:安装vue-devtools1.复制版本文件里的内容放到项目static目录下,并原创 2021-10-18 17:34:22 · 191 阅读 · 0 评论 -
移动端1px兼容线
效果-1px兼容线在assets/stylesheets文件下创建border.styl文件border($border-width = 1px, $border-color = #ccc, $border-style = solid, $radius = 0) // 为边框位置提供定位参考 position: relative; if $border-width == null $border-width: 0; border-radius: $radi原创 2021-10-18 17:33:44 · 79 阅读 · 0 评论 -
1. Html【标签】
1. Html【标签】HTML5【新标签】<!--每个页面仅限一个--><header>头部</header><main>主体区域</main><footer>底部</footer><!--每个页面可以多个--><nav>导航栏</nav><aside>侧边栏</aside><section>章节部分</section>原创 2021-05-26 15:06:22 · 40 阅读 · 0 评论 -
2.Css【样式】
2.Css【样式】Calc【计算】width: calc(100% - 54px); //计算Font【文字】color: red; //字体颜色font-size: 16px; //字体大小 font-family: Arial; //字体名称 font-weight: bold; //加粗 font-style: italic; //倾斜 letter-spacing: 1px; //字间距line-height: 16px; //行高 Ov原创 2021-05-26 15:08:00 · 49 阅读 · 0 评论 -
3. Flex【弹性盒】
3. Flex【弹性盒】1.弹性盒display: flex; // 块状弹性盒 display: -webkit-flex; // 弹性盒兼容 display: inline-flex; // 行内弹性盒 2.主轴排列方向flex-direction: row; // 默认:水平 flex-direction: column; // 垂直排列 3.换行方式flex-wrap: nowrap; // 默认:不拆行列 flex-wrap: wrap; // 必要时拆行列原创 2021-05-26 15:10:09 · 59 阅读 · 0 评论 -
4. Animation【动画】
4. Animation【动画】1. 移动// 后写覆盖先写 transform: translateX(100px); //【正:向右】【负:向左】transform: translateY(100px); //【正:向下】【负:向上】transform: translate(100px, 100px); 2. 缩放// 【x:横向收缩】【y:纵向收缩】 transform:scale(1.02,1.02); // 值一样可省略y transition-duration:原创 2021-05-26 15:11:09 · 2142 阅读 · 0 评论 -
5. Canvas【画布】
5. Canvas【画布】1.设置绘画区域<canvas id="myCanvas" width="200" height="200" style="border:1px solid red"></canvas>window.onload = function () { let canvas = document.getElementById("myCanvas"); let ctx = canvas.getContext("2d");}2.线条设置ctx.b原创 2021-05-26 15:11:54 · 193 阅读 · 0 评论