文本样式h1 {
color: blue;
}回顾上一节的内容，我们让h1标题的文字变成了蓝色，注意如果html中有多个h1标签，那我们这种写法所有的h1标签都会变成蓝色，除了颜色，本节我们将学习更多的CSS属性
一、引入的字体文件包太大1、字体打包前2、字体打包后 图中看到字体文件都有8M多，这样直接引入字体文件，vue页面打包后会出现刚开始，页面字体是默认字体，等引入的字体加载后，页面字体会从默认字体转为使用的引入字体，这样，视觉上就会给用户不好的体验。
rem：rem是相对单位，设置根元素 html 的 font-size，比如给 html 设置字体大小为100px，1rem = 100px;
1.pxpx：绝对单位。像素px是相对于显示器屏幕分辨率而言的，不会因为其他元素的尺寸变化而变化 。2.emem：相对单位，相对于父元素而言的。通常16px（浏览器默认字体大小）=1em,则12px=0.75em，10px=0.625em。
HTML 是一种专为网页浏览器设计的标记语言，但它到底算不算是真正的程序语言呢？可能有些人认为不是，但当全球有 11 % 的开发者都以 HTML 做为主要开发工具，那它是否就能“母凭子贵”，加入程序语言的家族呢？APP 经济与开发者趋势调查公司 Vision Mobile，在 2015 年上半年对 1.3 万名开发者做问卷调查，并将分析结果写成〈开发者经济报告〉。其中有 11% 的开发者以编写网页
打开 设置 / Settings 英文字体大小 和 字体颜色：假设你正在编辑一个Html文件，并希望将字体大小设置为14，字体颜色设置为蓝色:
一、Flex 布局简介咱来说说 Flex 布局哈，这就是弹性盒子布局，是 CSS3 里一种特厉害的布局办法。它能轻轻松松弄出各种复杂的布局效果，让元素变得有弹性，能适应不同的页面大小还有设备。IE10 以及更高的版本支持它，在移动端和那些现代浏览器里可流行啦。Flex 布局意思就是 “弹性布局”，能给盒状模型提供最大的灵活性。随便哪个容器都能指定成 Flex 布局，行内元素也行。得注意哈，设成 F
CSS的text-align-last属性设置文本在最后一行的对齐方式。这个属性仅适用于被拆分成多行的块级元素，其中最后一行只有一部分内容。text-align-last属性接受以下值：auto：默认值。文本在最后一行的对齐方式与在其他行上的对齐方式相同。left：文本在最后一行左对齐。
先看下效果图对基于CSS的设计最初的批评意见之一是CSS太死板了，只能建立方框，因此本次我们需要用图形软件创建下面两个图形，一个用于顶部，一个用于底部。接下来我们详细介绍它的实现方法：1.创建一个简单的框标记并输入相关内容<div class="box"><h2>笑话</h2>
网页设计中的布局一般分为前端视角和设计视角。其中，前端视角主要是指实现页面的各种CSS布局方式，分别为：静态布局、流式布局、响应式布局、弹性布局和Flex布局。除了静态布局，其他都能实现在不同分辨率下页面的自适应，来给用户最佳的视觉呈现。今天，就给大家讲讲前端网页设计中的静态布局和流式布局。静态布局