- 博客(10)
- 收藏
- 关注
原创 鼠标划过多级联动菜单制作方案
如果你的项目需要制作3级以上联动菜单,你会怎么做?是用css+div来制作还是用css+div+javascript,还是用jquery呢?这里介绍一个纯css制作三级联动菜单的方案。假设你的项目要求制作一个划过位于顶部的多个主菜单之后显示与主菜单相对应的左、右侧的导航子菜单,左边的菜单是2级菜单、右边的是3级菜单。再依次划过左边导航菜单时显示相应的右边菜单(联动)。主要思路可以是这样的:首先...
2019-04-08 21:46:49 480
原创 英语对前端有什么帮助?
英语对前端的帮助主要有两点。在某些特殊情形下,在需要阅读的技术文档时,会便捷不少。虽然前端基本上不需要阅读技术文档,但在一些需要查资料看原文技术资料时,如果语言不过关,还是会比较困难。因此,语言好,会在这方面比别人走快一步。2. 在样式表的编写上会比别人快几步。尤其是在较复杂的web开发项目中,如果没有对类资源进行很好的规划和命名的话,是会减慢开发的速度的。原因很简单,因为在复杂项目中会需要...
2019-02-25 22:52:17 174
原创 想让元素垂直居中哪种方案好?
前端经常碰到的问题之一就是对齐方式。而在所有对齐方式中,垂直居中最难搞。如果你给div或其他块级元素设了浮动,那么再用vertical-align:middle就不灵了。这时候有两个办法解决。方法1,给元素设置line-height。举个例子,如果元素所在的div或其他块级元素的高度是50px, 那么就在样式表中给想要设置垂直居中的元素设置:line-height:50px; 这样该元素就位于...
2019-02-18 23:31:29 156
原创 子菜单显示于顶层的方法
对于下拉的子菜单,要显示在网页的顶层,可以用position属性来定位,再结合z-index,即可达到让菜单显示于网页顶层的目的。一般是在css样式表中对下拉菜单做如下设置(假设下拉菜单的类名为:drop-down):.drop-down {position:absolute;z-index:10000;… …}如果主网页也有设置position 和z-index,那么.drop-d...
2019-02-11 08:35:22 1271
原创 样式表的类名太多,怎样避免发生覆盖或冲突
对于单个网页来说,css类名发生覆盖或冲突的几率比较小。对于包含多个网页的项目来说,经常需要给很多个类命名。这些类,刚开始可能是保存在本地样式中表,最终,不同网页的本地样式需要整合到一个独立的外部样式文件,供网页引用。如果类名较多,非常容易引起冲突、混乱或者互相覆盖。一旦发生覆盖或冲突,花在排查的时间上会巨多。为了解决这个问题,推荐在刚开始给不同网页命名时,先整体考虑命名规则、合理分配资源(名称)...
2019-02-10 14:55:01 1566
原创 要成为全栈工程师,先学javascript还是php?
虽然全栈工程师只是码农中的很小一部分,但还是有一些IT业者的目标是成为全栈式工程师。要想成为全栈式工程师,需要学的东西还真不少。比如,前端要会html, css, Javascript,Jquery, 有的可能还需要懂vue, Angular,react native,后端要懂PHP, Java, C语言等。若是移动开发就要会Java/Android(安卓平台)或者object-c(苹果平台)。...
2019-02-09 22:25:56 1566 1
原创 右浮动能干啥?
右浮动:float:right, 似乎比左浮动float:left少用多了。难道右浮动仅仅像左浮那样用于飘在右侧吗??其实不然,右浮动在某些特定情形下,还可用于迅速解决某些定位问题。如果你的总框架用的是未浮动的div(居中设置), 而左侧框架用的是左浮动的div,左框架下还有子框架div,同时,右框架用了左浮动的div,右框架与左框架之间设置了margin-left的值,合并代码后在浏览器上一看...
2019-02-09 15:02:20 223
原创 二级菜单点击时网页移位怎么解决
写好二级菜单的代码并嵌入整体代码中之后,在IE浏览器点击主元素时,隐藏的二级下拉菜单显现了,但同时,整个网页也发生了移位(跳到顶端),让人无法进一步点击下拉菜单内容。有一个简单有效的办法,可以解决这一问题。对父元素/菜单(通常是可见的链接)的样式略作修改,整个网页就不会再发生移位了。举例说明,假设父/主元素或菜单名为“大苹果”,隐藏的下拉菜单链接分别为“小苹果1”和“小苹果2”。要实现点击“大苹...
2019-02-09 14:12:49 843
原创 浮动和清除浮动(一)
浮动(float)是前端最常用的属性之一。虽然浮动看起来很简单,但却是经常让新手头疼。在需要左对齐的情景,使用float:left就很方便,也不用什么text-align:left了。左浮动使得图片和文字等向左对齐,十分便捷。此外,有不少情况下,也需要设置div的左浮动。通常在使用了一个div的浮动之后,可能相关的div都要设置左浮动,这样才能保证框架(包括div)之间的margin和paddi...
2019-02-08 14:23:33 571
空空如也
请问这张图片上的黄色文字是什么字体?
2023-12-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人