↓↓选择一款你喜欢的背景皮肤吧!↓↓
{WEB前端技术分享,APP开发,PHP编程学习}
(*必填)
(选填)
[ 请确保填写正确的邮箱地址,您的留言审核通过会收到邮件通知! ]
[请申请gravatar头像,木有头像的评论可能不会被回复]
【查看更多】提示:发表说说,请登录
w切换至容差工具,调整工具栏的“容差”值,选中区域若有多选中不规则图形边界,右键“调整边缘”的窗口的“移动边缘”选项能快速实现调整边缘.
打开放大镜:Win + 加号(调整缩放大小比例:win+加号、win+减号)
默认是全屏模式,切换到全屏模式:Ctrl + Alt + F
镜头模式:Ctrl + Alt + L (局部放大)
按箭头的方向平移:Ctrl + Alt + 箭头
调整镜头大小:Ctrl + Alt + R
退出放大镜:Win + Esc
在 Selectors Level 3 规范中,一个选择器的优先级(权重)由依次串联的a、b、c三个标记来计算,其中:
ID选择器「如:#header」的个数(=a)
Class(类)选择器「如:.foo」、属性选择器「如:[class]」、伪类「如::link」的个数(=b)
标签(类型)选择器「如:h1」、伪元素「如::after」的个数(=c)
忽略「*」选择器
虽然伪类(如:hover)参与CSS优先级的计算,但是「:not」不参与计算。
HTML style 属性内的优先级在CSS2.1中有描述(实际在浏览器的实现中它不直接参与优先级的计算)
知乎:https://www.zhihu.com/question/21777264/answer/19287414
w3.org:https://www.w3.org/TR/selectors/#specificity
74.125.232.13
74.125.230.110
74.125.230.106
74.125.230.96
https://www.cnblogs.com/adforce/archive/2012/11/23/2784664.html
https://baike.baidu.com/view/1790469.htm
Emmet.sublime-settings下修改设置:
“syntaxProfiles”: {
“html”: “xhtml”
}
官网提到的修改配置文件:
snippets.json
preferences.json
syntaxProfiles.json
已合并至Emmet.sublime-settings中,格式如下:
{
“snippets”: {
},
“syntaxProfiles”: {
},
“preferences”:{
}
}
创建snippet,可直接在该文件中添加,按官网提供的https://github.com/emmetio/emmet/blob/master/lib/snippets.json 语法格式即可!
https://www.poluoluo.com/jzxy/201206/166976_2.html
https://yanxyz.github.io/emmet-docs/
Emmet.sublime-settings下修改设置:
“syntaxProfiles”: {
“html”: “xhtml”
}
官网提到的修改配置文件:
snippets.json
preferences.json
syntaxProfiles.json
已合并至Emmet.sublime-settings中,格式如下:
{
“snippets”: {
},
“syntaxProfiles”: {
},
“preferences”:{
}
}
创建snippet,可直接在该文件中添加,按官网提供的https://github.com/emmetio/emmet/blob/master/lib/snippets.json 语法格式即可!
https://www.iteye.com/news/27580
https://t.qq.com/p/t/469221117760611
https://gd.qq.com/a/20141205/057662.htm?pgv_ref=aio2012&ptlang=2052
$(window).on(‘beforeunload ‘, function() {
return ‘Are you sure ?’;
});
beforeunload函数必须return,beforeunload 比unload先执行,并且只有beforeunload返回true时unload才执行,unload内不能执行alert语句!
$(window).on(‘beforeunload ‘, function() {
return ‘Are you sure ?’;
});
beforeunload函数必须return,beforeunload 比unload先执行,并且只有beforeunload返回true时unload才执行,unload内不能执行alert语句!
码农必备,快来试试吧!
1、windows + pause break
2、右击“我的电脑”选属性
3、按住Alt键,双击我的电脑图标
<style>
input{width: 150px;height: 28px;border: 1px solid #ccc;margin-top: 50px;}
input.error{border: 1px solid #f00;}
</style>
<input type=”” placeholder=””><button>点击执行</button>
<script>
var input=document.getElementsByTagName(“input”)[0];
var ele=document.getElementsByTagName(“button”)[0];
var timer;
ele.onclick=function(){
var i=num=1;
var count=5;
timer=setTimeout(function(){
i%2!=0?console.log(num++):””;
input.className=input.className==””?”error”:””;
if(i==count*2){
input.className=”error”;
}else{
i++;
timer=setTimeout(arguments.callee,150)
}
},150);
}
</script>
cover: 将背景图像等比缩放到完全覆盖容器,(背景图像>容器时)直至背景图像宽或高等于容器的宽或高时则停止绽放,背景图像宽或高有可能超出容器。 (当background-size:100% 100%;图像被严重压缩变形显示时,可考虑使用background-size:cover使背景图像其中的一部分平铺到容器中显示,另外background-size百分比值是按自身尺寸来计算的)
contain: 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内,并有可能在容器内形成背景图像平铺!
width:50%;height:40%;position: absolute; top: 0; left: 0; bottom: 0; right: 0;margin:auto; 可实现水平垂直居中效果,ie7及以下不支持该效果
详情文章:https://www.admin10000.com/document/3058.html
<style>
input{width: 150px;height: 28px;border: 1px solid #ccc;margin-top: 50px;}
input.error{border: 1px solid #f00;}
</style>
<input type=”” placeholder=””><button>点击执行</button>
<script>
var input=document.getElementsByTagName(“input”)[0];
var ele=document.getElementsByTagName(“button”)[0];
var timer;
ele.onclick=function(){
var i=num=1;
var count=5;
timer=setTimeout(function(){
i%2!=0?console.log(num++):””;
input.className=input.className==””?”error”:””;
if(i==count*2){
input.className=”error”;
}else{
i++;
timer=setTimeout(arguments.callee,150)
}
},150);
}
</script>
1、浏览器的默认字体大小是16px
2、如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值,我们都可以按下面的公式来计算:
需要转换的像素值÷ 父元素的font-size = em值
3、如果元素自身设置了字体大小,那么字体大小的转换依旧按第二条公式计算,也就是下面的:
需要转换的像素值 ÷ 元素自身的font-size= em值
详细阅读文章:https://www.w3cplus.com/css/px-to-em
https://acgtofe.com/posts/2014/06/percentage-in-css/