###字体图标使用场景: 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的,但是缺点很明显。 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要更换非常复杂。 此时,有一种技术的出现很好的解决了以上问题,就是字体图标 iconfont。 字体图标可以为前端工程师 ...
分类:
Web程序 时间:
2021-07-05 17:35:44
阅读次数:
0
node-sass是一个项目依赖,在一个项目中在使用sass语法的时候,必须通过sass-loader来解析sass,从而使sass语法变成浏览器能够识别的CSS语法,而node-sass模块就是对sass-loader的支持模块,所以不安装node-sass,sass-loader就不能正常工作 ...
分类:
其他好文 时间:
2021-07-05 17:34:26
阅读次数:
0
###为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。因此,为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称CSS Sprites ...
分类:
Web程序 时间:
2021-07-05 17:27:42
阅读次数:
0
CSS 学习(3) 盒子模型 盒子的组成 border边框,content内容,padding内边距,margin外边距。 边框(border) border-with:边框的粗细(一般情况下使用px为单位),未指定边框样式没法显示。 border-style:边框的样式(solid实线,dashe ...
分类:
Web程序 时间:
2021-07-05 16:49:11
阅读次数:
0
操作DOM节点,做常用的是document.getElementById() 和 document.getElementsByTagName() , 以及css选择器document.getElementsByClassName(); document.getElementsByTagName() ...
分类:
其他好文 时间:
2021-07-02 16:16:13
阅读次数:
0
先留个坑 我回来了( 什么是 LCA 对于有根树T的两个结点u、v,最近公共祖先LCA(u,v)表示一个结点x,满足x是u和v的祖先且x的深度尽可能大。在这里,一个节点也可以是它自己的祖先。 以上, 百度百科中的定义, 不仅是你, 我也看不懂. 简单点说, 就是一棵有根树中两个节点的最近公共祖先, ...
分类:
其他好文 时间:
2021-07-02 15:51:34
阅读次数:
0
MarkDown学习 #标题:#+标题名 语法格式:其中"#"的个数决定几级标题(最多支持六级) #字体 粗体 语法格式:(文本两边各加2个"*") 斜体 语法格式:(文本两边各加1个"*") 粗斜体 语法格式:(文本两边各加3个"*") 删除线 语法格式:(文本两边各加2个"~") #引用 语法格 ...
分类:
其他好文 时间:
2021-07-02 15:32:24
阅读次数:
0
1. 标题 在markdown中支持最多六级标题 标题语法: 多少个 # 代表几级标题,# 和文字之间有一个空格 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 显示效果: 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ...
分类:
其他好文 时间:
2021-07-02 15:28:48
阅读次数:
0
###网页布局的本质 网页布局过程: 先准备好相关的网页元素,网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式,然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质: 就是利用 CSS 摆盒子。 ###盒子模型: 就是把 HTML 页面中的布局元素看作是一个矩形的盒子,也就是一 ...
分类:
其他好文 时间:
2021-07-01 17:37:01
阅读次数:
0
列表属性 ol,ul{ /*list-style: disc;*/ /*实心圆点*/ /*list-style: square;*/ /*实心小方块*/ /*list-style: circle;*/ /*空心圆点*/ /*list-style: decimal;*/ /*1/2/3数字排序*/ / ...
分类:
Web程序 时间:
2021-07-01 17:29:11
阅读次数:
0