css
关注
分享
扫一扫
docwangsir
这个作者很懒，什么都没留下…
展开
-
利用flex布局实现垂直水平居中，非常方便
没有flex布局的时候：水平居中是利用 margin: 0 auto;垂直居中是利用margin-left和margin-top取负值，值为你所要居中的div的宽高。但是有了flex布局，嘿嘿嘿： .box { display: flex; justify-content: center; /* 水平...原创 2019-07-31 11:23:08 · 461 阅读 · 0 评论 -
一个完整的数据可视化小项目(Vue+node+echarts)
具体项目参见https://github.com/wzm1213052434/dataView首先clone下来后，分别进入server文件夹和vueclient文件夹，建议先删去两个文件夹的node modules 文件夹，然后分别在在两个文件夹下打开cmd，都先npm install一下，然后server文件夹npm start ,vueclient文件夹 npm run dev之后...原创 2019-07-16 15:05:27 · 5449 阅读 · 9 评论 -
js+html实现计算器
<!Doctype html><html><head><meta charset="utf-8"><style>.main { width: 600px; height: 600px; border: 2px solid black; margin: 0 auto; background: #F0FFFF; bo...原创 2019-07-12 16:57:58 · 498 阅读 · 0 评论 -
css 元素宽度100%没用的问题
如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除IE怪异模式）。原文:https://www.w3cplus.com/css3/how-to-use-css3-calc-function.html©w3cplus.com...转载 2019-03-03 15:43:15 · 2285 阅读 · 0 评论 -
浅谈移动前端适配
本文转载于https://segmentfault.com/a/1190000014309664图片加载不出来 建议登陆原网址查看！话说我刚工作的时候，就开始用rem了，过了没多久，接触到了flexible，系统化且支持iOS的retina屏迅速征服了我，最近又看到了大漠大神的vw。所以本文想完成一篇一站式的文章，可以系统的了解前端适配的演进。闲话少叙，马上开始。1. 什么是前端...转载 2018-10-28 19:42:27 · 205 阅读 · 0 评论 -
学校宣讲会答题疑问笔记
今天去参加了一个公司的宣讲会，最后的笔试答题阶段遇到了许多自己曾经没有想过的问题，没了解过的知识技术。现在做个总结。1.Quirks和standards模式简言之，quirks模式就是IE6之前的浏览器模式，那个模式对于许多方面不支持，所以又称为怪癖模式，诡异模式，怪异模式。IE6之后浏览器进入了standards模式它们的区别在于总体会有布局、样式解析和脚本执行三个方面的区别。盒...原创 2018-09-19 22:22:22 · 401 阅读 · 1 评论 -
如何将无序列表横向排序
大多数百度得来的答案都不知道为啥说一定要float一下才可以，不理解这种回答。（尝试过这种办法，可以是可以，但是字都粘连在一块了，很难解决。）我在书中获得了一种解决办法：例如我们现在要创建一个导航栏那么可以用一个无序列表来表示，先写一个nav标签内部包含一个无序列表，颜色背景等css略。ul{ list-style-type:none; //删除无序列表的项目符号}u...原创 2018-09-18 21:15:48 · 16195 阅读 · 5 评论 -
css笔记（1）
1.自动定义居中： margin:0 auto; 0指上下 auto指左右2.border的默认属性： border: 3px none 黑色 是3px的原因是因为为了配合double样式 为了成双线最低3px的像素，这个黑色会受到color属性的影响3. 图片和文字对齐： vertical-align:middle;4.透明度问题：rgba(, , ,) 表示red gre...原创 2018-09-12 23:23:06 · 110 阅读 · 0 评论 -
用js做验证码
转载于https://www.cnblogs.com/my-effort/p/6125926.html;html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten转载 2018-09-15 22:42:48 · 1622 阅读 · 1 评论 -
HTML5和css3的新特性
HTML51.HTML5 新元素HTML5提供了新的元素来创建更好的页面结构： 标签 描述 <article> 定义页面独立的内容区域。 <aside> 定义页面的侧边栏内容。 <bdi> 允许您设...转载 2018-09-09 16:00:19 · 199 阅读 · 0 评论 -
弹性盒模型
Flex 布局教程：语法篇 作者： 阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现...转载 2018-09-09 15:32:53 · 147 阅读 · 1 评论 -
stylus 学习笔记 (重点内容易错部分)
1.@import 引入的时候相对位置自定义位置前要写~ 例如@import "~common/stylus/index.styl" 因为~ 是 stylus-loader 到哪哪哪2. 文件大体构建另外main.js也要引入import 'common/stylus/index.styl'...原创 2019-10-06 16:16:39 · 184 阅读 · 0 评论