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
1、去树莓派官网下载镜像 https://www.raspberrypi.org/software/operating-systems/#raspberry-pi-os-32-bit 2、去github上下载 https://github.com/dhruvvyas90/qemu-rpi-kerne ...
操作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