摘要： 多媒体音频标签audio 1. 多媒体标签有两个，分别是 音频 视频 2. 标签说明 可以在不使用标签的情况下，也能够原生的支持音频格式文件的播放， 但是：播放格式是有限的 3. audio 支持的音频格式 audio 目前支持三种格式 4. audio 的参数 5、audio 代码演示 阅读全文

摘要： 一、什么是 1. 的概念与定义 定义： 定义了 标准的最新版本，是对 的第五次重大修改，号称下一代的 两个概念： 是一个新版本的 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： 、 、 , 这也是广义上的 2. 拓展了哪些内容 语义化标签 本地存储 兼容特性 、`3D` 动 阅读全文

摘要： ​ 能够安装 VS Code ​ 能够熟练使用 VS Code 软件 ​ 能够安装 VS Code 最常用的插件 VSCode 简介 Visual Studio Code (简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮 阅读全文

摘要： :focus 伪类 选择器：用于选取获得焦点的元素 。 我们这里主要针对的是 表单元素。 :hover 语法： ~~~css .total input { border: 1px solid ccc; height: 30px; width: 40px; transition: all .5s; } 阅读全文

摘要： 过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 过渡动画： 是从一个状态 渐渐的过渡到另外一个状态 可以让我们页面更好看，更动感十足，虽然 低版本浏览器不支持（ie 阅读全文

摘要： CSS3：background size 1、定义：background size属性规定背景图像的尺寸。 2、用法：background size：length | percentage | cover | contain 属性值： length：设置背景图像的高度高度和宽度。第一个值设置宽度，第 阅读全文

摘要： logo 里面 首先放一个 h1 标签 ，目的是为了提权，告诉搜索引擎，这个地方很重要 h1里面在放一个连接，可以返回首页的， 给连接一个 大小 和 logo 的背景图片 连接 里面要放文字（网站名称），为了搜索引擎收录我们。 但是文字不要显示出来 要用 text indent 移到盒子外面 （te 阅读全文

摘要： 图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了，额不 阅读全文

摘要： SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”！ 常见的搜索引擎，比如百度，谷歌，雅虎，搜狗等等.. SEO是指通过对网站进行站内优化、网站结构调整、网站内容建设、网站代码优化等)和站外优化，从而提高网站的关键词排名以及公司产品的曝光度。 简 阅读全文

摘要： 1). 使用ico图标 首先把favicon.ico 这个图标放到根目录下。 再html里面， head 之间 引入 代码。 2). 制作ico图标 我们可以自己做的图片，转换为 ico图标，以便放到我们站点里面。 方法步骤： 首先把我们想要的切成图片。 要把图片转换为 ico 图标，我们借助于第三 阅读全文

该文被密码保护。 阅读全文

摘要： ~~~css div { width: 0; height: 0; line height:0； font size: 0; border top: 10px solid red; border right: 10px solid green; border bottom: 10px solid b 阅读全文

摘要： 1). 负边距+定位：水平垂直居中 咱们前面讲过， 一个绝对定位的盒子， 利用 父级盒子的 50%， 然后 往左(上) 走 自己宽度的一半 ，可以实现盒子水平垂直居中。 2). 压住盒子相邻边框 阅读全文

该文被密码保护。 阅读全文

摘要： 5.1 为什么需要精灵技术 图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。 然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。 我们为什么需要精 阅读全文

摘要： 4.1 white space white space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容 ~~~ white space: normal ；默认处理方式 white space: nowrap ；　强制在同一行内显示所有文本，直到文本结束，或者遭遇br标签对象才换行。 ~~ 阅读全文

摘要： 有宽度的块级元素居中对齐，是margin: 0 auto; 文字居中对齐，是 text-align: center; 但是我们从来没有讲过有垂直居中的属性。 vertical-align 垂直对齐，它只针对于行内元素或者行内块元素。 【对于块级元素无效。】 vertical-align : base 阅读全文

摘要： 所谓的界面样式， 就是更改一些用户操作样式，以便提高更好的用户体验。 更改用户的鼠标样式 (滚动条因为兼容性非常差，我们不研究) 表单轮廓等。 防止表单域拖拽 2.1 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 属性值 描述 default 小白 默认 po 阅读全文

摘要： 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 ~~~ display: none 隐藏对象 display：block 阅读全文

摘要： 粘性定位sticky 粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。例如： #one { position: sticky; top: 10px; } 1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 阅读全文