前端学习

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

需要结合 JS 的事件来使用，把 JS 事件作为 HTML 标签的属性。 使用 script 标签，把 js 代码写在 script 标签里面。 script 标签放在页面中的任意位置，代码都可以执行，建议 script 放在所有元素的后面（等到其他元素加载完了，在执行 JS）…

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

border-top-left-radius 设置左上角的圆角半径； 一个值正圆半径，两个值分别是椭圆的x半径和y半径。 border-top-right-radius 设置右上角的圆角半径； 一个值正圆半径，两个值分别是椭圆的x半径和y半径。 border-bottom-ri…

标签的语义和功能。 标签具有的属性以及属性值的设置。 单标签还是双标签。 告诉浏览器使用标准模式解析页面。 GIF -- 最多支持256色,支持透明,支持多帧动画显示效果，扩展名通常是 .gif。 JPEG -- 支持多种颜色,可以有很高的压缩比,使用了有损压缩,不支持透明,不…

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

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

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

transform 设置元素的变换方式； 可以指定一个或多个变换方法；多个变换方法用空格隔开。 transform-origin 设置变换的原点。 默认的原点是元素的中心。 修改 transform-origin 对位移没有影响， 对旋转和缩放会产生影响。 transform-…

在满足触发条件的时候，让元素的某些可以过渡的 CSS 属性发生变化。 column-count 指定列数，值是数字。 column-width 指定列宽，值是长度。 columns 同时指定列宽和列数，复合属性；值没有数量和顺序要求。 column-rule-style 设置列…

视口是用户网页的可视区域。 视口是网页的初始包含块，或者说是根元素的包含块。 PC 端浏览器视口可以跳转，通过跳转浏览器窗口大小或者调整调试工具。 由于历史原因，移动端的浏览器为了让没有做移动适配的网页显示更友好，默认会把浏览器视口宽度缩放为 980px, 不论屏幕宽度是多少。…

把 jQuey 从官网下载到本地，使用相对路径导入到页面中。 使用jQuery 方式获取的元素对象就是jQuery DOM。 把原生 DOM 转为 jQuery DOM： 使用 jQuery 核心函数。 把 jQuery DOM 转为原生 DOM： jQuery 是个伪数组，是…

标签是 HTML 的基本组成部分，也称之为元素。 标签分为单标签和双标签。 标签名不区分大小写。 可以给 HTML 标签设置属性，不同的HTML标签拥有不同的属性。 一个HTML标签可以设置一个属性，也可以设置多个属性。 属性由属性名和属性值组成，属性值可以写在单引号中或者双引…

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

没用被引用的对象就是垃圾。 ② 什么是垃圾回收。 销毁垃圾对象，释放内存，就是垃圾回收。 C / C++： 手动回收垃圾。 JavaScript / Java / Python / php 等： 自动回收垃圾。 函数每调用一次，就创建新的执行上下文对象。 执行栈是用来存储执行上…

BOM 全称 Browser Object Model，译为浏览器对象模型。 BOM 是浏览器为 JavaScript 提供的能够对浏览器进行相关操作的 API。 1）弹出新浏览器窗口的能力。 2）移动、关闭和更改浏览器窗口大小的能力。 3）可提供WEB浏览器详细信息的导航对象…

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

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

height 属性： 设置本行的高度。 | 双 | rowspan 属性： 指定要跨的行数。 rowspan 属性： 指定要跨的行数。 用户可以通过表单向网站提交数据，与网站进行交互。 表单允许用户输入内容选择某个选项，并且可以把用户的内容提交给网站。 通常用于 搜索框、登录、…

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