随笔分类 - H5-C3
双随机系统遇到的简单样式问题
摘要：双随机系统遇到的简单样式问题技术复盘 type=radio怎么统一加样式 input输入框统一加了鼠标点击时外边框样式变为系统主色，用的是全局修改input：focus{outline-color:#fefefe}但是单选按钮也是用input框来写的所以点击单选按钮时外边也有这个样式出现，但是ui验
阻止移动端页面左右滑动
摘要：之前老师教的是加个 box-sizing: border-box在老师哪个项目中确实有效果，也有可能是我记错怎么使用了，现在用了没反应，百度了一下，根据提示在父级加 overflow-x：hidden属性 body体内设置固定定位，top为0，left为0即可，同时设置html标签overflow:
小米商城应用效果（阴影效果）
摘要：之前记得很简单但是在开发的过程中记性不太好，记混的情况很多，虽然简单还是记下来吧，以备不时之需 时间的话 transtion:all 1s写在元素身上，阴影效果配合：hover来写，千万记得box-shadow：2px，3px，5px，gray 不用加括号
如何使用hover点击一个元素使另一个颜色变色
摘要：1. 点击后改变子元素 .myclass:active span{ color:#00f; } 此方式ios下不生效，chrome下正常 2.改变下一个兄弟元素 .myclass:active +span{ color:#00f; } 3.改变下一个兄弟元素的相邻元素 .myclass:active
背景的多重设置
摘要：background:url(),url(),…… 多个背景图片用逗号隔开，越靠前的图片层级越高。 每一个背景图片的写法都和以前单个背景图片的写法是一样的。可以指定图片的平铺方式，位置等等。 · background: url(img/bg.png) no-repeat,url(img/1.jpg)
背景尺寸（background-size）
摘要：背景尺寸（background-size） background: url(img/bg.jpg)（ no-repeat ） background-size: cover / contain / auto 有先后顺序，background-size放在 background后面才会生效 backgr
icon图标的引入
摘要：icon图标的引入 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>站长之家</title> 6 <link rel="shortcut icon" type="image/x-icon"
