摘要：
DOCTYPE是document type (文档类型) 的缩写。<!DOCTYPE >声明位于文档的最前面，处于标签之前，它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。 严格模式：又称标准模式，是指浏览器按照W3C标准来解析代码，呈现页面 混杂模 阅读全文
posted @ 2019-04-28 20:56
sarah_wen
阅读(191)
评论(0)
推荐(0)
摘要：
3种方式哦，行内样式、内部样式表、外部样式表 1. 行内样式又称为内联样式，直接在HTML标签的style属性中添加css. 会导致 HTML 代码变得冗长 2. 内部样式表又称为嵌入方式，是在HTML<head>的<style>标签中写css代码 因为嵌入的 CSS 只对当前页面有效，所以当多个页 阅读全文
posted @ 2019-04-27 21:52
sarah_wen
阅读(426)
评论(0)
推荐(0)
摘要：
1. 画三角 结果如下 （边框颜色border-color四个值默认的加载方向，top right bottom left）： 宽高为0时： 2. 画一个矩形 把上述的left/right/top/bottom去掉任意一边，然后把颜色都设成蓝色不就行了 3. 画一条线 如图所示是一条长200px, 阅读全文
posted @ 2019-04-27 21:21
sarah_wen
阅读(992)
评论(0)
推荐(0)
摘要：
本文介绍的是 CSS3 规范中引入的新布局模型：弹性盒模型（flex box）。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。 浏览器支持： 弹性盒布局的容器（flex container）指的是采用了弹性盒布局的 DOM 元素，而弹性盒布局的条目（flex it 阅读全文
posted @ 2019-04-27 20:29
sarah_wen
阅读(714)
评论(0)
推荐(0)
摘要：
<iframe>标签规定一个内联框架，一个内联框架被用来在当前HTML文档中嵌入另一个文档。 1. 常用属性 2. 主要API 3. 轮询 4. 长轮询 5. 自适应 6. 安全性 7. 跨域问题 8. 优缺点 1. 常用属性 (1). frameborder：是否显示边框，1代表显示，0代表不显示 阅读全文
posted @ 2019-04-27 19:19
sarah_wen
阅读(909)
评论(0)
推荐(0)
摘要：
圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。 解决方案大体相同，都是三栏全部 float:left 浮动，区别在于解决中间栏div的内容不被遮挡上。 圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为 阅读全文
posted @ 2019-04-25 21:55
sarah_wen
阅读(299)
评论(0)
推荐(0)
摘要：
1. 基本概念：标准模型和IE模型 2. CSS如何设置这两种模型 3. JS如何设置获取和模型对应的宽和高 4. 根据盒模型解释边距重叠 5. BFC(边距重叠解决方案) 1. 基本概念：标准模型和IE模型 2. CSS如何设置这两种模型 3. JS如何设置获取和模型对应的宽和高 (1) dom. 阅读全文
posted @ 2019-04-25 20:37
sarah_wen
阅读(165)
评论(0)
推荐(0)
摘要：
一. 两列布局：左侧定宽、右侧自适应。 四种方法 ：flex 、position、float和负外边距、外边距 1. 使用flex. 2. 使用position， 考虑了页面优化，右侧区域先加载。 3. 利用float和负外边距 这里的100%是相对于父元素, margin-left的意思是子元素的 阅读全文
posted @ 2019-04-25 19:24
sarah_wen
阅读(343)
评论(0)
推荐(0)
摘要：
https://www.cnblogs.com/star91/p/5659134.html CSS3被拆分成模块。旧规范已拆分成小块，还增加了新的。 优点：新增了一些特性，使得web开发变得高效便捷。 缺点： 1、浏览器支持程度差，需要添加私有前缀 : 谷歌（苹果）：webkit 火狐：-moz- 阅读全文
posted @ 2019-04-25 15:50
sarah_wen
阅读(134)
评论(0)
推荐(0)
摘要：
1. 语义化标签 2. 增强型表单 （1）新的表单输入类型 （2）新表单元素 （3）新表单属性 3. 视频和音频 4. Canvas绘图（图形、路径、文本、渐变、图像） 5. SVG绘图 （与Canvas的区别） 6. 地理定位 7. 拖放API 8. Web Worker 完整的Web Worke 阅读全文
posted @ 2019-04-25 14:07
sarah_wen
阅读(3016)
评论(0)
推荐(0)
浙公网安备 33010602011771号