就是说标准的情况是width这个属性并没有包含padding和border,但是box-sizing:border-box会让width属性把padding和border包含在内了!标准盒模型增加padding和border会增加元素空间高度和宽度,但是box-sizing:border-box不会增加元素空间高度和宽度(在不考虑外距的情况下)!
2016-04-07
最新回答 / 快乐崇拜tager
相当于定位在margin-left:50%的位置,再使元素本身向左移动宽度的一半( -webkit-transform: translateX(-50%);)即可居中
2016-04-06
a[class^="column"]{
background: red;
}/*开头包含*/
a[href$="doc"]{
background: green;
}/*结尾包含*/
a[title*="box"]{
background: blue;
}/*任意包含*/
兼容性ie7+
background: red;
}/*开头包含*/
a[href$="doc"]{
background: green;
}/*结尾包含*/
a[title*="box"]{
background: blue;
}/*任意包含*/
兼容性ie7+
2016-04-06
教程中,关于这两个概念,写反了。
正确的应该是:
“min-width”指的是媒体类型小于或等于指定宽度时,样式生效
“max-width”媒体类型大于或等于指定宽度时,样式生效。
正确的应该是:
“min-width”指的是媒体类型小于或等于指定宽度时,样式生效
“max-width”媒体类型大于或等于指定宽度时,样式生效。
2016-04-05
text-overflow:ellipsis
overflow:hidden;
white-space:nowrap;
overflow:hidden;
white-space:nowrap;
2016-04-05
老师讲的是有些有些模糊了,不过分清媒体查询和媒体类型后还是可以理解的
媒体查询:@media 媒体类型 and (媒体特性){你的样式};
媒体类型:@importurl(style.css) screen;
媒体查询:@media 媒体类型 and (媒体特性){你的样式};
媒体类型:@importurl(style.css) screen;
2016-04-04
例子有瑕疵,应该把span标签换成块级元素,默认display:none;鼠标悬停在上面的时候在修改display:block;就不会出现打开网页有条横杠露在外面,好丑!
2016-04-04