方庆欢_上海

rem 根元素字体大小的倍数，只与根元素字体大小有关。 vw 视口宽度的百分之多少 10vw 就是视口宽度的10%。 vh 视口高度的百分之多少 10vh 就是视口高度的10%。 vmax 视口宽高中大的那个的百分之多少。 vmin 视口宽高中小的那个的百分之多少。 rgba …

placeholder： 设置提示文字； 用于文本输入类的表单控件（如文本输入框、密码输入框、文本域等）。 autofocus： 自动获取焦点，无需给值； 适用于所有的表单控件。 autocomplete： 设置表单控件是否记录输入历史；值是 on 后者 off； 适用于文本输…

1. 精灵图 CSS Sprites 可以翻译为 精灵图或雪碧图， 把多个小图放在一个大图上，很多元素都使用这个大图作为背景图，但是每个元素尺寸并不如大背景图大，可以调整背景图在元素上的位置， 让元素上只显示背景图的一部分。 减少资源的请求次数，提高页面的加载速度。 多个元素使…

给元素设置 CSS 属性 position:relative ，该元素就成为相对定位的元素了。 相对定位的元素，可以使用 left、right、top、bottom 四个 css 属性进行位置调整。 不会脱离文档流，不会对其他元素产生任何影响。 相对定位元素效果上位置调整，但是…

外边距指的是元素与其他相邻元素（兄弟元素或者父元素）之间的距离，外边距不是盒子的一部分，不会影响盒子大小，但是影响盒子位置。 元素设置外边距，如果与父元素，距离的是父元素内容的边界。 元素设置外边距，如果与兄弟元素， 上和左外边距影响自己的位置，下和右外边距影响后面兄弟元素的位…

列表相关的属性，可以作用在 ul、ol、li 元素上。 | table-layout | 定义列宽度 | auto：自动，列宽根据内容计算。 多个基本选择器可以组合在一起使用。 内容： 内容区域就是显示内容的区域；元素中的文本或后代元素都是它的内容。 内边距： 内容与边框（边界…

CSS 会把 所有的 HTML 元素都当做盒子模型，所有的样式都是基于这样的一个盒子模型。 具有块级显示特性的元素称之为块级元素。 独占一行，不会与任何元素或内容共用一行。 默认宽度根据父元素计算，默认高度被内容撑开； 可以通过 css 设置宽高。 具有行内显示特性的与元素称之…

HTML 负责页面结构，CSS 负责页面效果。 CSS 的样式是作用在 HTML 标签上的。 HTML 标签 也可以称之为 HTML 元素。 父元素： 包裹某个元素的元素就是该元素的父元素。 **祖先元素：**一个元素的父元素以及父元素的父元素一直往上直到根元素统称为该元素的祖…

用户可以通过表单向网站提交数据，与网站进行交互。 表单允许用户输入内容选择某个选项，并且可以把用户的内容提交给网站。 通常用于 搜索框、登录、注册、评论、发帖 等。 | form | 表单 | action 属性： 指定表单要提交的地址。 | input | 多种形式的表单控件…