HTML5 和 CSS3 提高
HTML5 的新特性 HTML5 新增的语义化标签 <header>：头部标签 <nav>：导航标签 <article>：内容标签 <section>：定义文档某个区域 <aside>：侧边栏标签 <footer>：尾部标签 注意： 这种语义化标签主要是针对搜索引擎的（对盲人也有用） 这些新标签页面中可以使用多次 在 IE9 中，需要把这些元素转换为块级元素 其实，我们移动端更喜欢使用这些标签 除此之外还有很多其他标签，但均有兼容性问题 HTML5 新增的多媒体标签 新增的多媒体标签主要包含两个： 音频：<audio> 视频：<video> 使用它们可以很方便的在页面中嵌入音频和视频而不再去使用 flash 和其他浏览器插件 视频 <video> 当前 <video> 元素支持三种视频格式：MP4、WebM、Ogg，尽量使用 MP4 格式 语法： 1234567<video src="文件地址" controls=" ...
CSS 基础教程 2
盒子模型 页面布局要学习三大核心，盒子模型、浮动和定位 看透网页布局的本质 网页布局的过程： 先准备好相关的网页元素，网页元素基本都是盒子 Box 利用 CSS 设置好盒子样式，然后摆放到相应位置 往盒子里面装内容 利用 CSS 摆盒子 盒子模型组成 盒子模型就是把 HTML 页面中的布局元素看作是一个矩形的盒子（容器） CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距和实际内容 边框 border可以设置元素的边框，边框有三部分组成：边框宽度、边框样式、边框颜色 语法格式如下： 12345border: border-width | border-style | border-color;border: 1px solid pink; /* 没有顺序 */border-top: 1px solid pink; /* 只设定上边框，其余同理 */ 属性 作用 border-width 定义边框粗细，单位是 px border-style 边框的样式 border-color 边框颜色 边框样式border- ...
CSS 基础教程 1
CSS 简介 CSS 是层叠样式表 (Cascading Style Sheets) 的简称 HTML 主要做结构，显示元素内容，CSS 美化 HTML，布局网页，即结构 (HTML) 与样式 (CSS) 相分离 CSS 语法规范 CSS 规则由两个主要部分构成：选择器以及一条或多条声明，如下： 选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等 属性和属性值之间用英文 ":" 分开 多个“键值对”之间用英文 "; " 分开 123h1 { color: pink;} 选择器（标签）和花括号之间保留空格 属性的冒号和值之间保留空格 CSS 基础选择器 选择器简单来说就是选择标签用的 选择器分为基础选择器和复合选择器两个大类。 基础选择器是由单个选择器组成的 基础选择器又包括：标签选择器、类选择器、id 选择器和通配符选择器 标签选择器 标签选择器是指用 HTML 标签名称作为选择器 ...
HTML 基础教程
Web 标准 Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。 为什么需要 Web 标准 让 Web 的发展前景更广阔 内容能被更广泛的设备访问 更容易被搜索引擎搜索 降低网站流量费用 使网站更易于维护 提高页面浏览速度 Web 标准的构成 简单理解：结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中。 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面 标准 说明 结构 结构用于对网页元素进行整理和分类，现阶段主要学的是HTML 表现 表现用于设置网页元素的板式、颜色、大小等外观样式，主要指的是CSS 行为 行为是指网页模型的定义及交互的编写，现阶段主要学的是JavaScript Web 标准提出的最佳体验方案：结构、样式、行为相分离。 安装 visual studio code 扩展商店搜索live server安装实时重载插件 扩展商店搜索chinese即可安装简体中文包，重启vscode即生效 输入!，然后按下tab键，vsc ...
Hexo 博客备份及恢复
此插件有一个 bug！运行 hexo b 后会把主题文件夹里的.git 文件夹删除了，导致无法通过 git pull 来升级主题 前言 当我们要换电脑或者重装电脑系统时，博客的备份就显得很重要了，我们无须通过 U 盘来拷贝整个 blog 文件夹，这种方式太浪费时间，我们只需要使用hexo-git-backup这个插件，即可帮我们完美的备份好博客。 博客备份 安装 hexo 版本为 3.xx 以上 1npm install hexo-git-backup --save 配置 新建仓库，自定义仓库名（如：hexo-backup），权限设置为private。 在博客配置文件D:\blog\_config.yml中添加以下内容~~（非主题配置文件）~~ 1234backup: type: git repository: backup: git@github.com:xxx/xxx.git,branchName 如下图： 2020 年 10 月 1 日之后，新创建的仓库默认分支为 main，按个人实际情况填写 使用 运行hexo backup或缩写hexo b ...
