CSS
lllanlll
这个作者很懒,什么都没留下…
展开
-
css使用transform与top延时比较(为什么使用transform)
Css移动位置使用transform与方位top改变的性能区别.box{ width: 100px; height: 100px; border: 1px solid red; position: relative;}//css样式1.使用top修改setTimeout(function () { $('.box').css('top', '200px...原创 2020-03-14 19:46:23 · 1303 阅读 · 0 评论 -
display:inline-block 产生空隙问题
Display:inline-block 产生空隙问题1.产生原因:元素之间的空白符(空格、回车换行等)都会被浏览器处理,根据white-space的处理方式(默认是normal,合并多余空白),原来HTML代码中的回车换行被转成一个空白符,在字体不为0的情况下,空白符占据一定宽度,所以inline-block的元素之间就出现了空隙。这些元素之间的间距会随着字体的大小而变化,当行内元素font...原创 2020-01-27 19:32:54 · 268 阅读 · 0 评论 -
几种垂直居中flex transform
1.使用transform的translateY(x%)属性HTML <div class="inner"></div>CSS html, body { background-color: cadetblue; width: 100%; height: 100%; ...原创 2019-07-31 20:06:33 · 156 阅读 · 0 评论 -
Js高程第十章DOM-document
取得html各属性 var html = document.documentElement //html body = document.body //body doctype = document.doctype//不同浏览器支持不一致 用处有限 title = document.title //网页title url =...原创 2019-08-27 22:46:17 · 77 阅读 · 0 评论