前端
文章平均质量分 51
A &......
无。。。。。。。。。
展开
-
javascript中arr的sort方法
因为之前对于sort中传递的函数不太理解,近期又重新看到了一个关于sort的视频,特此记录一次。首先说明一下,此方式只在火狐里面有效,在谷歌里面无效,出现这种原因,我也不知道为什么。 arr = [5, 4]; arr.sort(function(a, b) { console.log("a = " + a); console.log("b = " + b); }) 这是在狐火里面调试出来的一段代码。其中在sort里面添加原创 2021-04-21 19:35:40 · 997 阅读 · 0 评论 -
html字体库的是引入----阿里妈妈
icomoon字库:http://icomoon.io 阿里妈妈字体库:http://www.iconfont.cn/ 阿里上面字体库的安装,因为看网友说不能改字体所以自己尝试了一下,是可以改字体的,但是官方给出了3种安装方法,但是本人比较愚钝,只搞明白其中一种方法。在此记录一下,个人感觉阿里字体安装的比较麻烦,不如icomoon安装省事,但是阿里是免费的,恩,对的,白嫖真香,icommon也确实不错,但是毕竟是外网,加载速度太慢了。 首先,进入网站。当然需要登入的,没有账号的去注册一个就行。 登入之后先原创 2021-04-16 12:25:49 · 887 阅读 · 0 评论 -
css中的定位总结
序号 定位模式 是否脱标 移动位置 1.static(静态定位)不脱标 不能使用边偏移 很少使用 2.relative(相对定位)不脱标 相对于自身位置偏移 常用 3.absolute(绝对定位)脱标 相对于带有定位的父级或者body 常用 4.fixed(固定定位)脱标 相对于游览器的可视区 常用 固定定位可以看作是一种特殊的绝对定位 5.sticky(粘性定位)不脱标 相对于游览器的可视区 当前阶段比较少使用 一般使用的是相对定位和绝对定位相结合的定位方式,父级用相对定位原创 2021-04-15 19:47:41 · 85 阅读 · 0 评论 -
css浮动问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-04-13 18:40:01 · 47 阅读 · 0 评论 -
学成在线案例重做过程中出现的一些问题未解决03-----行内元素inline-block的问题(已解决)
昨天重做网页又遇到一个小细节问题,特此来记录。 首先还是先放代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s原创 2021-04-13 17:23:11 · 300 阅读 · 0 评论 -
html中的span标签
一直不知道span标签能干什么,span不就和p标签一样是一个普通的行内元素嘛。昨天偶然听从一起学习打卡前端小伙伴的建议去看了看B站极客江南的视频,今天早上看了看爱上了,自带倍速,而且里面还有一些我曾经困惑的点给提了出来,因为之前是看pink老师的视频,所以是跳着看的。 <p>努力到无能为力,拼搏到感动自己</p> 如果我要给“无能为力”以及“感动自己"加红色,显然给p标签加颜色是不行的,这个时候就需要span标签了。 <p>努力到<span>无能为力<原创 2021-04-13 11:00:13 · 276 阅读 · 0 评论 -
学成在线案例重做过程中出现的一些问题未解决02-----链接a的问题
此问题不知为何会发生,烦死了。找不到问题所在。 这是一个banner模块,我的设计思路是这样的:先给一个banner盒子,然后分成三个部分,上面用一个h3完成,中间用一个ul里面加3个小li,和3个p标签,虽然边距设计的比较麻烦,可还是做出来了。那么该轮到最下面的部分了,本想着加一个a就完事,万万没想到啊,事情没有这么简单完成。第一次是这样写的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset=原创 2021-04-12 18:17:16 · 85 阅读 · 0 评论 -
学成在线案例重做过程中出现的一些问题未解决01-----两个行内块元素的对齐问题
开始做header头部的时候出现了一个问题。虽然已经经过自己的瞎尝试解决了。但是我却不能了解到问题的本质问题,或者通俗一点来讲,我根本就不知道为什么会出现这种问题。 html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <原创 2021-04-12 09:27:36 · 103 阅读 · 0 评论 -
css的继承之width属性(容易忽略)
转载:添加链接描述转载 2021-04-11 23:42:34 · 155 阅读 · 0 评论 -
CSS----padding的应用新浪导航条以及外边距合并问题
在新浪的导航条中,我们可以看到,文字的字数虽然不一样,但是当我们鼠标点击导航条的时候,在每一个盒子中文字的左右边距是一样的。那么,这是怎么用css实现的呢? 下面是两个方法来实现: 1,给一个固定宽度。我们之前经常给盒子模型,一个固定的宽度和高度来进行设置(新手入门时候),但是这样设置会有一个缺点。 这样就导致了我们在设置盒子模型的时候,由于文字的数目本来是不同的,而我们设置盒子的宽度是一样的,那么此时,再设置内边距的时候,会导致左右不对称。 2.合理的利用padding。我们知道padding 是可以撑开原创 2021-04-08 00:05:45 · 304 阅读 · 0 评论 -
2021-04-03 html文字的居中
html文字的居中 文字的水平居中:text-align:center 文字的垂直居中:设置文字的行高等于盒子的高度????为什么 如图所示:行高由两部分构成:上空隙,下空隙以及文字本身的高度组成 若盒子的本身高度为40px… 行高也设置为40px… 文字的行高放到盒子里面 此时盒子的高度为40px,行高也是40px,而行高是由上空隙,下空隙和文字本身高度组成,所以可以理解成文字被挤进了盒子的中间。。。。。 如果行高比盒子的高度下的话,会怎样? 如图所示,文字垂直会偏上 同理,如果行高大于盒子高度的话,原创 2021-04-03 17:35:58 · 179 阅读 · 0 评论