nefss_的博客

html5中可通过data-*来设置自定义属性，存储数据;保存的数据以对象形式保存在dataset属性中age:“8”name:“zs”设置属性：dom.setAttribute(‘属性名’,‘值’)获取属性值：dom.getAttribute(‘属性名’)移除属性：dom.removeAtrribute(‘属性名’)//属性前面的名称data前缀不能省略除了可以操作自定义属性外，还可以操作原有属性。

JS是一门面向对象的编程语言，运行在客户端的脚本语言，可以基于Node.js进行服务器端编程浏览器执行JS：浏览器分为两部分：渲染引擎和JS引擎渲染引擎用来解析HTML和CSS，如chrome浏览器的Blink/Webkit，Firefox的Gecko。JS引擎用来读取网页的JS代码，对其处理后运行，如chrome浏览器的V8。JS组成：ECMAScript：JS基础语法DOM：文档对象BOM：浏览器对象// 单行注释/*多行注释*/</

三种网页布局方式：普通流、浮动、定位普通流：浏览器默认方式，块元素从上到下排序，行内元素从左到右排序（碰到父元素的边界会自动换行）

常用的html标签都可以看作一个盒子，称为盒子模型盒子由四部分组成：content、padding、border、marginborder:border-width（粗细） | border-style(样式) | border-color（颜色）border-style边框拆分写法：方位：top、bottom、left、right其他：width、style、colorborder-方位-其他圆角边框border-radius:lengthlength:px \ %border-radi

important(无穷大) > 行内样式(1,0,0,0) > id选择器(0,1,0,0) > 类\伪类(0,0,1,0) > 标签选择器(0,0,0,1) > 继承或*(0,0,0,0)值：repeat(默认) | no-repeat | repeat-x | repeat-y。如果页面没有设置字体大小，使用浏览器默认大小，谷歌浏览器默认大小是16px;用来设置文本水平对齐位置 ，该属性只能用于占据整行的标签，如p\h1\div。使用同一个标签中的两个选择器，同时选中一个标签。

1.行内式：(优先级最高格式：<标签 style=“属性:值;属性:值:…”>stylecolororange;text-alignright</2.内嵌式：格式：选择器{属性:值;/* CSS代码就是写在style标签中的 *//* p:选择器，用来选中页面中所有的p标签 */p/* color：设置文字颜色的属性 */color;/* text-align:设置文本的对齐方式（left center right） */text-align;

1.html字符格式化标签2.图片标签3.链接标签4.表格核心标签表格的属性表格的其他标签5.有序列表和无序列表有序列表ol和li无序列表ul和li自定义列表dl dt dd6.表单文本框标签：inputtype属性：下拉菜单多行文本框H5新增表单属性

html常用标签分类：排版标签、图片标签、超链接标签、表格标签、列表标签、表单标签。

作用：告诉浏览器使用解析html5的方式解析当前文件。注意：html文件和页面字符集要统一，否则会乱码。设置页面语言（en：英文、zh-CN:中文）作用：向搜索引擎表明当前网页是英文网页。DOC:document(文件)

初识ES6相关知识，将学习笔记整理成博客分享，加深理解并方便后期复习

1.数据处理：window.location 对象用于获得当前页面的地址（URL），并把浏览器重定向到新页面window.location.search 获取到url中从?开始的属性window.location.href 返回当前页面的完整路径（URL）2.三种输出:打印到控制台 弹窗 输出到网页文档<script> console.log(window.location.search);//打印到控制台 alert(123); //弹窗

目录1、HTML 元素语法2、HTML 属性3、HTML选择器元素选择器id选择器类选择器选择器分组（并集选择器）通配选择器复合选择器（交集选择器）4、文字样式5、css伪类6、CSS 伪元素7、CSS 盒子模型8、css弹性盒子9、CSS 布局 - 浮动10、CSS 布局 - 定位11、形变函数1、HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止，有的只有开始标签，比如元素的内容是开始标签与结束标签之间的内容,某些 HTML 元素具有空内容（empty content）