![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
baizaozao
这个作者很懒,什么都没留下…
展开
-
CSS常见问题及解决(三)自己写下拉框逻辑,鼠标离开下拉框时,下拉出来的div会消失
下拉框在鼠标放到下拉出来的框的时候,下拉框消失,本应该是不管鼠标在下拉框内还是在弹出下拉框的div内,都应该使下拉框浮现下拉框:1、将hover事件监听到下拉框和弹出下拉框的div的父级元素上,即将两个元素同时添加hover事件2、与此同时两个元素之间的缝隙不宜设置过大,这条纯属个人看法,迷惑css,在鼠标移动的过程中,滑过缝隙的时间几乎忽略不计原创 2017-07-07 10:02:51 · 3977 阅读 · 2 评论 -
CSS常见问题及解决(一)script
script标签的defer属性:规定是否对脚本执行进行延迟,知道页面加载为止如果您的脚本不会改变文档的内容,可将 defer 属性加入到 标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。只有 Internet Explorer 支持 defer 属性。defer="defer">原创 2017-07-07 09:59:57 · 405 阅读 · 0 评论 -
CSS常见问题及解决(四)清除浮动的原理和方法
浮动元素容器的clearing问题1. 问题的由来有这样一种情形:在一个容器(container)中,有两个浮动的子元素。 在浏览器中一运行,就会出现意想不到的结果。实际视图是子元素显示在父容器的外部。2. 问题的原因与浮动定位有关。在CSS规范中,浮动定位不属于正常的页面流(page flow),是独立定位的。所以,只含有浮动元素转载 2017-05-25 10:27:30 · 309 阅读 · 0 评论 -
CSS编码规范
class名以‘-’对单词进行分割,最好不要出现大写字母多个选择器之间最好换行,每个选择器各占一行不要将样式写为单行0后面不要添加单位推荐的css书写顺序,提升浏览器渲染dom的性能,避免重复来回渲染 定位盒模型其他颜色字体a的样式书写顺序a:link -> a:visited -> a:hover -> a:active原创 2017-12-27 16:45:28 · 169 阅读 · 0 评论 -
响应式布局实现步骤
题外话这两天公司要做一个静态页面展示的优化,主要是要能够被集成在别的项目页面内,本来以为只是一个简单的html页面展示,没想到最后越做越复杂,就顺势把所有代码做了一次整理,领导要求支持尺寸最小为800px,我想了想,要不直接给干到300px好了 因为领导总说要大胆创新,要敢想敢做,之前工作中的自己太束手束脚,这回也潇洒一把,三天时间,从对响应式一点不知,到现在自己设计页面,自己布局,做出来可以支持原创 2017-12-27 16:45:53 · 3149 阅读 · 0 评论 -
CSS垂直居中
由简单到复杂 1. flex布局 非常简单,flex布局真的太好用啦 .parent { display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ } .parent .child {原创 2017-12-27 16:47:26 · 158 阅读 · 0 评论 -
CSS常见问题及解决(六) 行内元素设置
行内元素<a>等配置width和height都不起作用margin和padding左右有效果,上下没有效果原创 2018-03-21 17:37:55 · 563 阅读 · 0 评论 -
CSS常见问题及解决(五) position定位中的absolute
参考资料:https://www.jianshu.com/p/a3da5e27d22b两个结论absolute不一定要与relative同时出现当没有设置父元素或者某个祖先元素为relative时,absolute的 left,right,top,bottom属性是相对于body而言的当设置父元素或者爷爷元素,为relative时,absolute的 left,right,...原创 2018-03-21 17:45:01 · 2420 阅读 · 0 评论