永远的沙雕网友

URL（Uniform Resource Locator,统一资源定位符）用于描述一个网络上的资源。 协议：用户使用的底层协议。在 Internet 中可以使用多种协议，如 HTTP，FTP 等。 域名：顾名思义就是网站的域名，出了使用域名外，也可以使用 IP+端口号。 路径：…

根据 html 内容构建 HTML 树（DOM）。 根据 css 内容构建 css 树（CSSOM）。 将两棵树合并，得到一棵“渲染树”（render tree）。 对页面进行布局（layout）：文档流、盒模型等计算大小和位置。 绘制（paint）：把页面中元素的边框颜色，文…

首先要说明：grid 布局的兼容性一般，所以这个布局虽然极其方便且灵活，但仍然不是目前主流布局，所以还是将就 flex 一把梭。 grid 布局和 flex 一样主要分为容器 container 和内容 items，只需要在元素的样式中添加display:grid;即可使用。 …

container 内为弹性流（flex-flow），与文档流（normal-flex）不同，容器内的内容为弹性盒，弹性盒在内容放不下时默认不会换行，而是将自身进行挤压。 display:flex;：使容器占满空间后另起一行（值为 inline-flex 时不换行。） flex…

这个 CSS 样式可以让父元素包裹住那些因为赋予float样式而脱离文档流的元素。 如果图片下面多出来一部分内容如背景色，使用vertical-align:middle;即可消去多于内容（没有为什么，目前死记硬背即可。） 当 border 因为占页面空间而扰乱了布局时，可以将 …

固定宽度布局：一般宽度为 960、1000、1024px，一般用于 pc 页面。 不固定宽度布局：根据文档流原理自动布局，一般应用于手机页面。 （响应式布局：在 pc 上为固定宽度，在手机上则不固定。） 注意：文档流本来就是自适应，不需要加额外的样式。 对于老手来说，一般按从大…

文档流（normal-flow）：通俗的理解为页面中文档流动的方向。 以前区分行内元素和块元素（浏览器赋予默认属性），现在都可以通过修改样式表内display属性达到想要的效果，基本已经不需要区分了。 inline 元素：从左到右，到达最右边后换行。 block 元素：从上到下…

a 标签为超链接，它的作用是可以跳转到外部页面或跳转至页面内部的锚点。 href指定连接方向，（值可为外部连接，也可为内部 id 以及邮箱、电话等）。 target通过赋予值可以决定跳转在哪里打开，默认值为_self即当前页面（_blank为空白页打开，_top在顶层页面打开，…

html的起手式：常用的章节标签：h1~h6分别表示1至6级标题section表示新章节p为段落header为网页头部footer为网页底部main为网页的主要内容aside为网页的旁支内容div将网