摘要：
代码 移动布局 header conetent tab1 tab2 tab3 ... 阅读全文
摘要：
main axis和cross axis的位置不一定是水平和垂直的，以flex-direction的值即为主轴方向justify-content:主轴对齐方式space-between:将多余空间放在中间space-around:将多余空间放在两边，和spa... 阅读全文
摘要：
HTMLCSS具体效果其他事例事例图片来自MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child 阅读全文
摘要：
1. 添加禁止浏览器主动缩放功能涉及到网页开发历史遗留问题，最开始的手机浏览器网页是直接访问电脑网页或访问专门为诺基亚手机开发的WAP页面，对于电脑网页由于手机分辨率太低，浏览器会使用缩放页面的方式来展示原页面，这个也是为什么在手机页面上直接使用docume... 阅读全文
摘要：
说到CSS文字垂直居中，很多初学者都喜欢用调整行高等于div高度的方式来达到效果，div { height:30px; line-height:30px;}但其实这么做会遇到一个问题：多行文本溢出父元素。所以还是使用div{ padding:8px 0;}的... 阅读全文
摘要：
单行省略div { white-space:nowrap; //断行处理：无断行 text-overflow:ellipsis; //文字溢出处理：省略号 overflow:hidden; //溢出处理：隐藏}多行省略非IE和火狐div { display:... 阅读全文
摘要：
在制作表单的时候经常会遇到需要不同个数的文字首尾对齐，比如：姓名：联系方式：姓名：联系方式：有些人会使用直接在姓名之间添加 (No Break space)的方式来达到对齐效果例如：姓 名：联系方式：姓 名：联系方式：使用这种... 阅读全文
摘要：
很多人知道，在CSS中存在Margin合并的现象，比如下代码： 在这里的两个div之间的margin值不是20px而是10px，那么需要怎么才能取消这种margin合并的现象呢？有很多个属性可以做到，但是这些属性并没有什么规律，所以只在这里列举出来，不做解... 阅读全文
摘要：
因为经常遇到同时用到实验室配备的主机和自己的笔记本同时使用的场景，两台设备需要切换两套键鼠很麻烦，这里介绍一个微软开发的一个免费软件Microsoft Garage Mouse without Borders 可以实现，同时还可以做到跨设备剪切板，并且支持文... 阅读全文
摘要：
input { width: 400px; border: none; background-color: inherit; border-bottom: #fbfee9 solid 3px; font-size: 2.4em; color: s... 阅读全文