HTML和CSS

1、拖拽释放(Drapanddrop)APIondrop 拖放是一种常见的特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放 2、自定义属性data-id 3、语

1、颜色:新增RGBA,HSLA模式 2、文字阴影(text-shadow) 3、边框:圆角(border-radius)边框阴影:box-shadow 4、盒子模型:box-sizing 5、背景:

方法一：利用定位（常用方法,推荐）代码片段 方法二：利用 margin:auto;代码片段 方法三：利用 display:table-cell代码片段 方法四：利用 display：flex;设置垂直

盒子模型（Box Modle）可以用来对元素进行布局，包括内边距，边框，外边距，和实际 内容这几个部分 盒子模型分为两种: 第一种是 W3C 标准的盒子模型（标准盒模型） 第二种 IE 标准的盒子模型

！Important>行内样式>ID 选择器>类选择器>标签>通配符>继承>浏览器默认属性 优先级注意点: 权重是有 4 组数字组成,但是不会有进位。 可以理解为类选择器永远大于元素选择器, id 选

1、px 像素（Pixel）。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的，是一 个虚拟长度单位，是计算机系统的数字化图像长度单位 2、em 是相对长度单位，相对于当前对象内文本的字体尺寸。如

能继承的属性 字体系列属性:font、font-family、font-weight、font-size、font-style; 文本系列属性: 2.1）内联元素：color、line-height、

元素隐藏和显示最常用的为 display:none 和 visibility:hidden dispaly:none 设置该属性后，该元素下的元素都会隐藏，占据的空间消失 visibility:hid

1.静态定位：static 默认值不脱离文档流，top，right，bottom，left 等属性不生效 绝对定位：absolute 2.绝对定位的关键是找对参照物：找到最近的一级带有带定位的父级元素

浮动将元素排除在普通流之外，即元素将脱离文档流，不占据空间。浮动元素碰到包含它的 边界或者浮动元素的边界停留 为什么需要清除浮动 1、子元素浮动后，不占位置，父元素的高度无法被撑开，影响与父元素同级的

外边距塌陷共有两种情况： 第一种情况：两个同级元素，垂直排列，上面的盒子给 margin-bottom 下面的盒子给 margin-top，那么他们两个的间距会重叠，以大的那个计算。解决这种情况 的方

区别 在 CSS 中伪类一直用 : 表示，如 :hover, :active 等 伪元素在 CSS1 中已存在，当时语法是用 : 表示，如 :before 和 :after 后来在 CSS3 中修订，

原理 1、行（row）必须包含在.container(固定宽度)或.container-fluid(100%宽度)中，以便为 其赋予合适的排列（aligment）和内补（padding） 2、通过行（

定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域， 只有 Block-level box 参与，它规定了内部的 Block-level

优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不支持 CSS3， 但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而低级浏览器只保证最基本 的功能。关

iframe 的优点： 1、重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的 传输，加快了网页下载速度) 2、技术易于掌握，使用方便，使用者众多，可主要应用于不需搜索引擎来搜索