Handsome Prince

摘要： HTML5 的新特性 HTML5 新增的语义化标签 <header>：头部标签 <nav>：导航标签 <article>：内容标签 <section>：定义文档某个区域 <aside>：侧边栏标签 <footer>：尾部标签 注意： 这种语义化标准主要是针对搜索引擎的 这些新标签页面中可以使用多次 阅读全文

摘要： 精灵图 1、为什么需要精灵图？ 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 因此，**为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度**，出现了 **CSS 精灵技术**（ 阅读全文

摘要： 定位 为什么需要定位 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。 当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 定位组 阅读全文

摘要： 浮动 传统网页布局的三种方式 网页布局的本质——用 CSS 来摆放盒子。 把盒子摆放到相应位置，CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)： 普通流（标准流） 浮动 定位 标准流（普通流/文档流） 所谓的标准流: 就是标签按照规定好默认方式排列. 块级元素会独占一行，从上向下 阅读全文

摘要： 盒子模型 页面布局要学习三大核心, 盒子模型, 浮动 和 定位。 学习好盒子模型能非常好的帮助我们布局页面。 看透网页布局的本质 网页布局过程： 1. 先准备好相关的网页元素，网页元素基本都是盒子 Box 。 2. 利用 CSS 设置好盒子样式，然后摆放到相应位置。 3. 往盒子里面装内容。 网页布 阅读全文

摘要： CSS 的复合选择器 在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素（标签） 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 常用的复合选择器包括：后代选 阅读全文

摘要： CSS 简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。也称为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言。主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 阅读全文

摘要： Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法. 快速生成HTML结构语法 一、生成标签直接输入标签名 按tab键即可。 比如： div 然后按 tab 键，可生成如下代码： <div></div> 二、如果想要生成多个相同 阅读全文

摘要： 1.基础概念 网页与网站 网站由网页够成，网页内容包括：文字、图片、链接等元素，网页是使用 html 超文本标记语言写的。文件后缀名是 .html 浏览器与浏览器内核 常见浏览器：谷歌、火狐、IE、Safari 浏览器与对应使用的内核： web标准 W3C 万维网联盟 标准的够成内容（结构+表现+行 阅读全文