摘要: 【面试 · 回看】 ♥HTML&CSS面试高频考点(一) ♥HTML&CSS面试高频考点(二) 11. CSS隐藏元素的方式 /*占据空间,无法点击*/ visibility: hidden; position: relative; top: -999em; /* 不占据空间,无法点击 */ pos 阅读全文
posted @ 2020-06-28 15:43 HermionePeng 阅读(259) 评论(0) 推荐(0) 编辑
摘要: HTML&CSS面试高频考点(一) ♥ 6. W3C盒模型与怪异盒模型 标准盒模型(W3C标准) 怪异盒模型(IE标准) 怪异盒模型下盒子的大小=width(content + border + padding) + margin,即真实大小。 *参考标准模式与兼容模式的区别,兼容模式下为怪异盒模型 阅读全文
posted @ 2020-06-27 17:18 HermionePeng 阅读(326) 评论(0) 推荐(1) 编辑
摘要: DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口)。他描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 10.1 节点层次 DOM将任何HTML和XML文档描绘成一个由多层节点构成的结构。 文档节点(Document)是每个文档的根节点。文档节点只有一 阅读全文
posted @ 2020-06-26 17:18 HermionePeng 阅读(402) 评论(1) 推荐(0) 编辑
摘要: 1. 行内元素/块级元素 非替换元素/替换元素 行内元素(内联元素):a, abbr(缩写), acronym(只取首字母缩写), b, bdo(文本方向), big, br, cite(引用), code, em(强调), i, img, input, label, q(短引用), select, 阅读全文
posted @ 2020-06-26 16:31 HermionePeng 阅读(380) 评论(0) 推荐(0) 编辑
摘要: BOM(浏览器对象模型):提供用于访问浏览器的对象。 8.1 window对象 window是BOM的核心对象,表示浏览器的一个实例。 JavaScript访问浏览器窗口的接口 ECMAScript规定的Global对象 8.1.1 全局作用域 全局变量会成为window的属性,但是定义全局变量和直 阅读全文
posted @ 2020-06-26 10:46 HermionePeng 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 1. 定位 1.1 文档流 单个元素: 块级元素:内容宽度是其父元素的宽度的100%,并且与其内容一样高。 内联(行内)元素:高宽与他们的内容高宽一样。(所以不能为他们设置宽高) 元素之间的交互: 块级元素:在视口中垂直布局——每个都将显示在上一个元素下面的新行上。 内联元素:它们互相之间以及任何相 阅读全文
posted @ 2020-06-11 13:38 HermionePeng 阅读(473) 评论(0) 推荐(0) 编辑
摘要: ECMAScript虽然是一种面向对象的语言,但是他没有类的概念。所以他的对象也与其他语言中的对象有所不同。 ECMA-262定义对象:一组没有特定顺序的值。 6.1 理解对象 创建对象的方法: 1. 最简单直接的方式——Object构造函数 var person = new Object(); p 阅读全文
posted @ 2020-06-09 22:23 HermionePeng 阅读(298) 评论(0) 推荐(1) 编辑
摘要: 1. 盒模型 1.1 内容区 content 默认情况下,width和height只包括内容区域的宽和高,不包括border、padding、margin使用box-sizing可以使其包含content、padding、border //width和height属性包括content、paddin 阅读全文
posted @ 2020-06-06 15:19 HermionePeng 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 函数表达式 函数定义的两种方式: 函数声明(函数声明提升,非标准name属性可访问给函数指定的名字) 函数声明提升:执行代码前先读取函数声明 function functionName(arg0, arg1, arg2){ //函数体 } 函数表达式(name属性为空字符串,匿名函数) var fu 阅读全文
posted @ 2020-06-05 16:50 HermionePeng 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 1. 背景 背景指的是元素内容、内边距和边界下层的区域(可用background-clip修改) background-color 背景色 background-image 背景图片(url) background-repeat 背景重复 repeat 在水平垂直方向上都平铺 repeat-x / 阅读全文
posted @ 2020-06-05 16:45 HermionePeng 阅读(89) 评论(0) 推荐(0) 编辑