2019年9月23日
Javascript 标签的属性
摘要： 1.为HTML标签设置和添加属性 setAttribute() setAttribute()方法可以给HTML标签设置/添加属性（原生的属性或者自定义的属性都可以）添加的属性会存储在标签中 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t 阅读全文
posted @ 2019-09-23 20:08 ---空白--- 阅读(414) 评论(0) 推荐(0) 编辑
JavaScript Array对象
摘要： 1.数组元素添加与删除 方法名 说明 返回值 push(val) 把目标元素添加到数组的末尾 返回操作完成后数组的长度 unshift(val) 把目标元素添加到数组的最前面 返回操作完成后数组的长度 pop() 删除数组最后一个元素 返回被删除的元素 shift() 删除数组的第一个元素 返回被删 阅读全文
posted @ 2019-09-23 16:48 ---空白--- 阅读(342) 评论(0) 推荐(0) 编辑
Javascript Dom元素信息
摘要： 1.Dom元素的大小 属性 说明 调用者 offsetWidth，offsetHeight 返回元素的宽高(border+padding) ,整数 当前Dom元素 clientWidth，clientHeight 返回元素的宽高(padding) ,整数，不能是行内元素 当前Dom元素 getBou 阅读全文
posted @ 2019-09-23 12:13 ---空白--- 阅读(361) 评论(0) 推荐(0) 编辑
Javascript Dom操作
摘要： 1.Dom节点类型 常见的节点类型有3种：元素节点，属性节点，文本节点 节点常用的属性有3个：节点名称(nodeName),节点类型(nodeType)，节点值(box.nodeValue) 节点类型(nodeType)可能值如下: <script> //依次输出Node对象的属性和值 for(va 阅读全文
posted @ 2019-09-23 00:04 ---空白--- 阅读(1127) 评论(0) 推荐(0) 编辑
2019年9月22日
JavaScript 数据类型
摘要： 1.基本类型 字符串，数字，布尔类型都是基本类型，他们的值存放在栈区，值是静态的且相互独立的。 // 字符串类型 var a = 'hello' var b = a console.log(a,b) // hello hello a = 'xxx' // 修改a的值不会影响b console.log 阅读全文
posted @ 2019-09-22 15:07 ---空白--- 阅读(358) 评论(0) 推荐(0) 编辑
less 动态样式语言
摘要： 1.less的介绍 Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展 官方文档 2.less需要编译才能被浏览器解析 浏览器本身只能解析css文件，对于less无法解析，需呀解析后留浏览器才能解析 在线解析：引入专门的js插 阅读全文
posted @ 2019-09-22 13:27 ---空白--- 阅读(842) 评论(0) 推荐(0) 编辑
CSS 文本
摘要： 1.文本对其 text-align 作用：这个属性能控制标签内文本水平方向的对齐方式，默认左对齐 注意：这个属性会被子元素继承 示例 <!DOCTYPE html> <html> <body> <div class="box" style="text-align:center"> div的文本 </ 阅读全文
posted @ 2019-09-22 13:21 ---空白--- 阅读(773) 评论(0) 推荐(0) 编辑
CSS display属性
摘要： 1.基本值 display属性共有4个值： 属性值 说明 blcok 块级元素，独占一行 inline-block 行内块级元素，宽度由内容撑开，可设定宽度 inline 行内元素，宽度由内容撑开，不支持设定宽度 none 隐藏不展示，不占据空间 2.块级元素 块级元素会默认占满父元素的宽度且独占一 阅读全文
posted @ 2019-09-22 00:07 ---空白--- 阅读(662) 评论(0) 推荐(0) 编辑
2019年9月21日
CSS 样式百分比
摘要： 1.宽高百分比 元素宽度/高度百分比是基于父级元素的width/height，不包含padding，border 注意：高度百分比一定要求父元素有设置height属性，只设置 min-height 虽然父元素会有高度，单子元素使用百分比无法继承 .box { width: 400px; height 阅读全文
posted @ 2019-09-21 23:08 ---空白--- 阅读(1219) 评论(0) 推荐(0) 编辑
CSS Float(浮动)
摘要： 1.基本的浮动布局 浮动布局可以让块级元素自左向右（或自右向左）的排列在同一行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test</title> </head> <style> *{ padding: 0; margin 阅读全文
posted @ 2019-09-21 22:59 ---空白--- 阅读(436) 评论(0) 推荐(0) 编辑