![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css
avoidaily
当你凝视深渊,深渊也在凝视你
展开
-
js 实现拖拽排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>js转载 2021-10-25 15:09:53 · 445 阅读 · 0 评论 -
55个提高你CSS开发效率的必备片段
清除浮动最方便也是兼容性最好的一种是,在同级目录下再创建一个<div style="clear:both;"></div>;不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的问题,如果当前层级有浮动元素,那么在其父级添加上 clearfix 类即可。// 清除浮动.clearfix:after { content: "\00A0"; ...转载 2020-03-24 11:31:10 · 277 阅读 · 0 评论 -
ios页面卡顿不流畅
给滚动元素上添加:overflow-y: auto;-webkit-overflow-scrolling : touch原创 2019-11-27 16:52:37 · 174 阅读 · 0 评论 -
JS修改元素的样式
<html><head> <style> #a{ width:700px; height:300px; font-size:50px; color:red; background-color:grey; z-index:2; position:absolute; top:13...转载 2019-06-09 16:25:05 · 24838 阅读 · 0 评论 -
高度坍塌、清除浮动和外边距溢出(合并)的解决方案
1、高度坍塌原因:文档流中,在没有设置高度时,父元素的高度默认是被子元素撑开的。当子元素设置浮动之后,子元素就会完全脱离文档流,此时就没有子元素撑起父元素的高度,因而导致父元素的高度塌陷。解决方案:(1)为父元素设置高度。弊端:每次的高度不一样,未知数。(2)为父元素一起设置浮动。弊端:影响后续代码(3)在父元素设置overflow:hidden/auto;弊端:所有溢出都会隐藏。不推荐...原创 2019-04-24 13:37:29 · 469 阅读 · 0 评论 -
web前端面试题
1、问题:背景图片和img标签有什么区别?使用背景图片,可以让元素内容的其他(子)元素,堆叠显示在背景图上;而img标签,默认不可以堆叠显示。...翻译 2019-04-24 13:43:19 · 153 阅读 · 0 评论 -
border:0;和border:none;的区别
一是理论上的性能差异;二是浏览器兼容性的差异。性能差异:【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。兼容性差异: 兼容...原创 2019-05-12 15:32:49 · 2220 阅读 · 0 评论 -
块级元素和行内元素的区别
1、块级元素:div、h1~h6、p、form、ul、li、ol、dl、dt、dd、hr、table…2、行内元素:span、strong、em、br、img、input、label、select、textarea…3、区别: 块级元素:独占一行,可以设置尺寸(width、height属性),上下外边距有效(margin、padding);宽度是父级的100%。 行内元素 :共用一行(排...原创 2019-04-14 15:04:04 · 238 阅读 · 0 评论