JS Module 模块
Module 基础 模块化 背景：早期开发常使用 script 标签进行引入，但是这样容易存在全局污染与依赖混乱的问题。如果不同文件里都存在同一变量，那么就全局污染混乱了（当然也是可以使用 匿名函数自执行 的方式，形成独立的块级作用域）。依赖管理也是一个难以处理的问题。正常情况下，执行 js 的先后顺序就是 script 标签排列的前后顺序。那么如果三个 js 之间有依赖关系，处理就成了...
齐天大圣
Bootstrap基础
https://getbootstrap.com/ Bootstrap 使用 引入 https://getbootstrap.com/docs/4.0/getting-started/introduction/ Vue 中引入 使用 npm 引入 Bootstrap 的安裝方式 npm install bootstrap 需要將 bootstrap 在 src/main.js...
CSS框架
Bootstrap [[Bootstrap基础]] Element Tailwind CSS
CSS基础
CSS 基础 CSS 颜色 指定颜色是通过使用 预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。 CSS 颜色表示 CSS 颜色名 在 CSS 中，可以使用颜色名称来指定颜色： <!DOCTYPE html> <html> <body> <h1 style="background-color:Tomato;">...
CSS列表
CSS 列表 HTML 列表和 CSS 列表属性 在 HTML 中，列表主要有两种类型： 无序列表（<ul>）- 列表项用的是项目符号标记 有序列表（<ol>）- 列表项用的是数字或字母标记 CSS 列表属性使您可以： 为有序列表设置不同的列表项标记 为无序列表设置不同的列表项标记 将图像设置为列表项标记 为列表和列表项添加背景...
CSS入门
CSS CSS 简介 CSS 指的是层叠样式表 (Cascading Style Sheets) CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 CSS 节省了大量工作。它可以同时控制多张网页的布局 外部样式表存储在 CSS 文件中 CSS 语法 CSS 规则集（rule-set）由选择器和声明块组成： 选择器指向您需要设置样式的 HTML...
CCS3高级教程
CCS3 高级教程 https://www.w3schools.cn/css/css3_tutorial.html
CSS适配
px、em、rem 的区别 px 是像素单位，可以用来设置屏幕宽高 em 和 rem 都是相对长度单位，不同的是 em 是相对于当前元素设置的字体大小而言的，rem 是相对于根标签而言的，也就是相对于 html 标签 没有设置字体大小的时候默认 1em=16px 设置 font-size 为 50px, 那么设置的内边距的 1em 就变成了 50px 如果设置内边距 ...
8 HTML其他
script，noscript <script> 标签用于在网页插入脚本，<noscript> 标签用于指定浏览器不支持脚本时的显示内容。 script <script> 用于加载脚本代码，目前主要是加载 JavaScript 代码。 <script> console.log('hello world'); </script&g...
7 多媒体标签
video <video> 标签是一个块级元素，用于放置视频。如果浏览器支持加载的视频格式，就会显示一个播放器，否则显示 <video> 内部的子元素。 video src="example.mp4" controls> <p>你的浏览器不支持 HTML5 视频，请下载<a href="example.mp4">视频文件</...