CSS CSS 内边距 CSS padding 属性用于在任何定义的边界内的元素内容周围生成空间。 div { padding-top: 50px; 上内边距是 50px padding-right: 30px; 右内边距是 30px padding-bottom: 50px; 下内边距 50px ...
分类：
其他好文 时间：
2021-07-05 18:03:18
阅读次数：
0
文本颜色 color 属性用于设置文本的颜色。颜色由以下值指定： 颜色名 - 比如 "red" 十六进制值 - 比如 "#ff0000" RGB 值 - 比如 "rgb(255,0,0)" 查看 CSS 颜色值，以获取可能颜色值的完整列表。 页面的默认文本颜色是在 body 选择器中定义的。 实例 ...
分类：
Web程序 时间：
2021-07-05 17:49:08
阅读次数：
0
无序列表： Coffee Tea Coca Cola Coffee Tea Coca Cola 有序列表： Coffee Tea Coca Cola Coffee Tea Coca Cola HTML 列表和 CSS 列表属性 在 HTML 中，列表主要有两种类型： 无序列表（<ul>）- 列表项用 ...
分类：
Web程序 时间：
2021-07-05 17:48:44
阅读次数：
0
###字体图标使用场景： 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的，但是缺点很明显。 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要更换非常复杂。 此时，有一种技术的出现很好的解决了以上问题，就是字体图标 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
###网页布局的本质 网页布局过程： 先准备好相关的网页元素，网页元素基本都是盒子 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
