快来和我一起学前端吧~

本节内容我们开始学习HTML的基础知识，了解HTML的基本结构，以及一些标签及其属性。那么就让我们开始今天的学习吧！其他文档声明：https://www.w3.org/QA/2002/04/valid-dtd-list.html语言设置（写在html标签上）：lang=“en”html lang属性用于指定网页的语言，如zh-CN代表简体中文，对搜索引擎优化有积极影响。它区分不同区域的语言变体，如zh-TW代表繁体中文。W3School和W3C提供了语言和国家/地区代码的参考手册。1）第一种写法（语言

本篇内容主要讲解了计算机的基础知识，五大浏览器以及浏览器内核的介绍，HTML编译软件的使用，VS code的安装及插件的使用。

本节内容主要展示了一个pc端售课静态页面，小伙伴们可以参考一下。

css选择器总结，思维导图。

flex-direction属性决定主轴的方向（即项目排列方向）flex-direction: row（水平方向起点在左） | row-reverse（水平方向起点在右） | column（垂直方向起点在上） | column-reverse;（垂直方向起点在下flex-warp 换行 flex-wrap: nowrap (不换行)| wrap(换行，第一行在上方) | wrap-reverse(换行，第一行在下方);

下面我们就将以下盒子设置为圆形，将圆角值设置为100%，如果只想要四个角圆一些那么可以设置 border-radius值为15px,这个值可以随意给，按照自己的需求来就可以。1.介绍圆角顾名思义就是将方形盒子的直角变为圆圆的四个角，最大可以将正方形变为圆形，那么这个属性就是 border-radius。在这里我们将上面的圆拿下来再给这个圆添加阴影属性，那么box-shadow属性的值分别是什么呢？1.盒子阴影可以让盒子更加有立体感，那么接下来我们来看一下，box-shadow属性的用法。

布局（layout）即对事物的全面规划和安排，页面布局是对页面的文字、图像或表格进行格式化版式排列。网页布局对改善网站的外观非常重要，又称版式布局，大多数网站会把内容安排到多个列中，就像杂志或报纸那样，网页版面的设计延续了传统纸媒的特点，但又比传统的纸媒更灵活，传统的纸媒由于纸张大小的限制，只能在有限的空间内排列内容，而网页版面的布局，可以根据内容自适应宽度和高度。在 HTML 中，常使用 div 元素来创建多列，使用 CSS 对元素进行浮动、定位等，从而将网页设计稿中的布局样式呈现在网页上。

padding 内边距 padding-left padding-right padding-top padding-bottom上下左右都是20px上下为10 左右20上10 左右20 下30上10 右20 下30 左40可用属性有：dotted：定义点状边框。在大多数浏览器中呈现为实线。dashed：定义虚线边框。solid：定义实线边框。double：定义双线边框。两条单线与其间的空白组合的宽度等于指定的border-width值。

a:link 未被访问过，访问之前的状态a:visited 访问过后的状态、a:hover 鼠标滑过的状态a:active 鼠标按下时的状态字体颜色 color：颜色；字体大小 font-size：值px;字体 font-family ：字体样式；字体加粗 font-weight：100-900（整百值）字体倾斜 font-style：italic;

定义项描述项1涂山红红涂山2涂山雅雅涂山涂山容容涂山

属性：滚动方向：direction:left向左/right向右/up向上/down向下滚动方式：behavior：alternate/scroll/slide背景颜色：bgcolor宽度属性：width高度属性：heightscr:图片的路径alt；图片加载失败时提示文字title：鼠标悬停时显示的文字width：宽度height：高度border：边框属性注：../ 上一层级 跳出当前文件夹./ 同一层级 进入。