HTML5学习笔记
什么是HTML5?1. HTML5 是新一代的 HTML 标准，2014年10月由万维网联盟（W3C）完成标准制定。2. 官网地址：○ W3C提供：https://www.w3.org/TR/html/index.html○ WHATWG提供：https://whatwg-cn.github.io/htmlmultipage3. HTML5 在狭义上是指新一代的 HTML 标准，在广义上是指：整个前端。HTML5优势1. 针对 JavaScript，新增了很多可操作的接口。2. 新增了
CSS样式学习笔记之浮动 定位 布局
浮动的简介在最初，浮动是用来实现文字环绕图片效果的，现在浮动是主流的页面布局方式之一。
元素浮动后的特点1. 脱离文档流。2. 不管浮动前是什么元素，浮动后：默认宽与高都是被内容撑开（尽可能小），而且可以设置宽高。3. 不会独占一行，可以与其他元素共用一行。4. 不会 margin 合并，也不会 margin 塌陷，能够完美的设置四个方向的 margin 和 padding 。5. 不会像行内块一样被当做文本处理（没有行内块的空白问题）。浮动后的影响对兄弟元素的影响：后面的兄弟元素，会占据浮动元
CSS样式学习笔记之内容溢出 隐藏元素 样式继承 元素默认样式 布局技巧 元素/行内块间的空白问题
处理内容溢出隐藏元素的两种方式方式-：visibility属性visibility 属性默认值是 show ，如果设置为 hidden ，元素会隐藏。元素看不见了，还占有原来的位置(元素的大小依然保持)方式二： display 属性设置 display：none，就可以让元素隐藏。彻底地隐藏，不但看不见，也不占用任何位置，没有大小宽高。样式的继承有些样式会继承，元素如果本身设置了某个样式，就使用本身设置的样式；但如果本身没有设置某个样式，会从父元素开始一级一级继承（优先继承离得近的祖先元素）。会
CSS样式学习笔记之盒子模型
盒子模型的组成部分CSS会把所有的 HTML 元素都看成一个盒子，所有的样式也都是基于这个盒子。1. margin（外边距）：盒子与外界的距离。2. border（边框）：盒子的边框。3. padding（内边距）：紧贴内容的补白区域。4. content（内容）：元素中的文本或后代元素都是它的内容。图示如下：盒子的大小 = content + 左右 padding + 左右 border。▍注意：外边距 margin 不会影响盒子的大小，但会影响盒子的位置。盒子的内容区_c
CSS样式学习笔记之长度单位 元素的显示模式
CSS_长度单位CSS_元素的显示模式▍块元素（block）又称：块级元素特点：1. 在页面中独占一行，不会与任何元素共用一行，是从上到下排列的。2. 默认宽度：撑满父元素。3. 默认高度：由内容撑开。4. 可以通过 CSS 设置宽高。▍行内元素（inline）又称：内联元素特点：1. 在页面中不独占一行，一行中不能容纳下的行内元素，会在下一行继续从左到右排列。2. 默认宽度：由内容撑开。3. 默认高度：由内容撑开。4. 无法通过 CSS 设置宽高。▍行内块元素（inline-block）又称：
CSS样式学习笔记之列表 表格 背景 鼠标相关属性
CSS样式_列表相关属性列表相关的属性，可以作用在ul、ol、li元素上。list-style-type - CSS：层叠样式表 | MDNCSS样式_表格相关属性CSS样式_背景相关属性CSS样式_鼠标相关属性cursor - CSS：层叠样式表 | MDN
CSS样式学习笔记之字体 文本相关属性
1、字体大小▍属性名：font-size▍语法：div {
font-size:40px;
}▍注意点:1. Chrome 浏览器支持的最小文字为 12px ，默认的文字大小为 16px ，并且 0px 会自动消失。2. 不同浏览器默认的字体大小可能不一致，所以最好给一个明确的值，不要用默认大小。3. 通常以给 body 设置 font-size 属性，这样 body 中的其他元素就都可以继承了。2、字体族▍属性
CSS样式学习笔记之像素 颜色
CSS_颜色一、表示方式一：颜色名● 编写方式：直接使用颜色对应的英文单词，编写比较简单，例如:红色：red绿色：green蓝色：blue紫色：purple橙色：orange灰色：gray..............1. 颜色名这种方式，表达的颜色比较单一，所以用的并不多2. 具体颜色名参考 MDN 官方文档：https://developer.mozilla.org/en-US/docs/Web/CSS/named-color 二、表示方式二：RGB与RGBA● 编写方式：使用红、黄、蓝这三种