在编写网页时,在按钮悬停时,为了增强交互,通常会高亮边框,有时也会增加边框的厚度,例如按钮的边框本来是1px的浅色,在悬停后边框变成了2px的深色。这时候按钮的大小就会发生变化,导致变形。
例如下面的两张图片
这时应该分两种情况讨论,一种是按钮的大小给了一个固定值,一种是按钮大小为auto。
给了固定值的很好说,将 box-sizing
设置为 border-box
即可,按钮的大小就不会变化。
box-sizing: border-box;
按钮大小为auto的,如果border的宽度变大,则应该减小相应的padding值,这样也可以保证按钮的大小不会变化。
.btn{
background-color: #fff;
color: #666666;
border: 1px solid #ccc;
padding: 5px;
&:hover{
padding: 4px;
color: red;
border: 2px solid red;
}
}
对于不确定大小的按钮,通常
...例如停止服务mysql
用管理员打开cmd,执行
> net stop mysql
如图
同样,启动mysql
> net start mysql
这里主要需要知道要操作的服务的名称,当一个服务被创建的时候就应该记住,选择一个好记的名字。如果忘记了所创建的服务的名称,可以利用windows的GUI服务管理工具。
...前端开发,安装依赖包的时候,等待了半个多小时,都没有进展,是怎么回事啊?
听说npm有国内的镜像
> npm config set registry https://registry.npm.taobao.org
不知道行不行,试一试吧。
参考:https://my.oschina.net/osccreate/blog/752976
...用browser-sync
或者lite-server
来监控文件的改变,当文件改变时,就自动刷新浏览器。
用node-sass
来实时编译scss文件。
用parallelshell
来异步执行npm script命令。
先安装上述的node工具
npm install -g browser-sync
一、首先新建npm的package.json
package.json
一般有如下的结构和选项
{
"name": "about",
"version": "1.0.0",
"scripts": {
},
"devDependencies":{
}
}
devDependencies
代表依赖的node工具,scripts
代表npm scripts命令。
"scripts": {
"scss": "node-sass -w scss -o css",
"serve": "browser-sync start --server --files \"css/*.css, *.html\"",
"dev": "parallelshell \"npm run serve\"
...服务器地址:kms.03k.org
脚本维护更新:2016-09-29
http://jingyan.baidu.com/article/22a299b53980b19e19376aaf.html
...