不懂就要问
学问学问,不懂就要问。为了弄清楚道理,就是挨打也值得。
钟阿能
因为热爱所以坚持!
展开
-
鼠标移入下拉菜单相关问题?
一、这是需要实现的效果功能描述:鼠标移入导航,下方显示对应的菜单;鼠标移出导航,隐藏下方对应的菜单;当下方菜单显示后,鼠标移入没有变化;当鼠标移出下方的菜单,菜单进行隐藏;如图所示:二、下面是我实现的代码(有bug):bug1 向各位侠客献上:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view原创 2020-12-06 00:29:29 · 822 阅读 · 0 评论 -
CSS如何画三角形
如何用CSS画三角形1.前言在博主某次前端面试过程中,被问到如何用css画一个三角形?相信很多朋友在面试中也被问到过这个问题,并且网上针对这个问题也有非常多的解决方案,大部分都是采用border来实现,经过我一番搜索,发现讲具体实现的代码的很多,但是讲实现原理的几乎没有(也可能是我没有找到),下面,我就谈谈利用border画三角形其内部的原理。2.原理2.1 第一步首先,先来一个div,然后给这个div加一层border,并且给上下左右border分别加上不同颜色,以便观察,代码和效果如下:.原创 2020-10-25 16:27:23 · 1223 阅读 · 2 评论 -
CSS中19种隐藏元素的方法
1.width:0;/height:0;这种方式的缺点是隐藏不了文字,如果需要隐藏文字,那么:2.针对文字font-size:0;3.针对文字color:transparent;4.opacity:0;原理是把元素设置为透明。opacity属性的意思是设置一个元素的透明度。它不是为改变元素的边界框(bounding box)而设计的。这一位着将opacity设置为0只能从视觉上隐藏元素。而元素本身依然占据它自己的位置并对网页的布局起作用,它也将响应用户交互。5.通过定位,把元素移出屏幕外即可。原创 2020-10-25 16:31:23 · 404 阅读 · 0 评论 -
flex(弹性盒子):1的变化,以及flex对width的影响!
生命不息,学习不止在今天这个日子,祝愿所有程序员们的世界,永远没有bug接下来,打开电脑!关于疑问:弹性盒子flex:1的变化?弹性盒子对子元素width的影响?调试代码:(纯CSS实现手风琴效果)<div class="box"> <ul> <li> <span>谨防三大减肥</span> </li> <l原创 2020-10-24 23:59:42 · 6784 阅读 · 4 评论 -
内联(行内)元素间距解决方法
内联(行内)元素display: inline;宽高大小由子元素决定,不能手动修改宽高,子元素一般放置文本元素,与其他内联元素并排在同一行内联元素不能改变宽高,导致有些属性无效,比如:width系列、height系列、margin-top、margin-bottom、padding-top、padding-bottom、line-height。常用的内联标签:<span>、<img>、<em>、<strong>、<i>使用内联元素你可原创 2020-10-14 19:37:44 · 1175 阅读 · 0 评论 -
dl,dt,dd为什么没有缩进?
文章目录问题描述:dl回顾:源代码:原因分析:浏览器参数查询:IEFirefoxChromeSafariOperaChromeSafariOpera问题描述:今天我在写项目的时候,使用了dl,dt,dd,发现dd的缩进不见了。(提示:dd标签默认有缩进)dl回顾:dl就是定义一个列表dt就是这个列表的标题dd就是dt标题的描述内容,默认缩进<dl> <dt>战狼2</dt> <dd>主要演员:吴京、弗兰克·格里原创 2020-10-11 02:08:27 · 1036 阅读 · 3 评论