摘要:
块级元素与行内元素 首先谈谈人们经常提及的块级元素和行内(内联)元素 p, ul, form, div等元素被称为块级元素,这些元素显示为一块儿内容(会自动换行),span, input 等元素称为行内元素,这两者主要区别就是块级元素会从上到下一个个垂直排列,每个自占一行 而行内元素在一行中水平排列 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> table { border-collapse: collapse; } </style> </head> < 阅读全文
摘要:
const readline = require('readline-sync'); let error = 3; let user = [{ username: '001', password: '123' }, { username: '002', password: '456' }, { ue 阅读全文
摘要:
1.forEach(Es5) (遍历数组) let arr =[10,11,12,13,14]; arr.forEach(function (item,index){ console.log(index); }); 2.map 与forEach用法一致 对数组中每一个元素执行相同的操作,返回一个新的 阅读全文
摘要:
1)局部作用域 ```js // 函数作用域 function foo(){ var a = "a"; let b = "b"; } console.log( a ); // 报错 console.log( b ); // 报错 // 块级作用域 if(true){ var c = "c"; let 阅读全文
摘要:
储存数据的容器,存在变量中的数据可以改变。 变量的声明 右键格式化 变量初始化 创建变量的同时,把数据存入 变量声明的问题 var允许重复声明,但会覆盖前面的值;let不允许重复 变量的作用域 全局作用域 局部作用域 ES5的局部作用域通过函数进行划分;ES6的局部作用域通过大括号划分。自由变量 在 阅读全文
摘要:
CSS flex布局 CSS flex布局 1. 介绍 1.1 说明 flex布局,也称为flex弹性布局;主要目的是使item的宽度、高度按一定顺序填充父容器的可用空间。 示例 注意:在下文中,将以parent指代父容器,item指代容器内的项。 1.2 浏览器支持情况 IE 11才完全支持fle 阅读全文
摘要:
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 Margin(外边距) - 清除边框外的区域,外 阅读全文
摘要:
什么是优先级 优先级是浏览器通过判断哪些属性值与元素最相关以决定并应用到该元素上的。优先级仅由选择器组成的匹配规则决定的。 优先级就是分配给指定的CSS声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。 优先级顺序 下列是一份优先级逐级增加的选择器列表: 通用选择器(*) 元素(类型) 阅读全文
摘要:
总体规则 每一个声明都有一个特殊性,当发生冲突时,特殊性高的会保留,低的会淘汰,一个声明的特殊性取决于规则适用范围的大小,规则适用范围越大特殊越低,适用范围越小特殊性越高(html范围最大) 特殊性从高到低 :行内样式>ID选择器>类选择器>元素选择器>通配符选择器 具体规则 在比较特殊性时,每一个 阅读全文