html 与 css

px 绝对单位 表示 像素，像素就是呈现在显示器上的一个个小点，每个像素点的大小都是等同的 不过，px在移动端中存在设备像素比的问题，根据设备的不同，px实际显示的大小也是不同的 em 是相对单位 是

模块化 就是将一个 项目按照功能划分 ； 一个功能一个模型，互不影响 模块化开发具有重复使用，更换方便等优点 所以 在代码中 ，有些样式和结构在很多页面都会出现，比如 页面头部和底部，大部分页面都有，

认识 3D位移 translate3d 1、沿着Z轴移动 2、后面的单位一般跟px 3、translateZ(100px) 向外移动100px 4、简写 5、xyz不可以省略，没有写0 3D旋转 ro

动画 animation 是CSS3中具有颠覆性的特性之一，可通过 设置多个节点来精确控制一个或者一组动画，常用来实现复杂的动画效果 动画可以实现更多变化，更多控制，连续自动播放等效果 基本使用 1、

过渡 transition 我们可以不使用 flash 动画 或者js的情况下，当元素从一种样式变换为另一种样式时为元素添加效果 过渡 ： 是从一个状态 渐渐的过渡到另一个状态 谁做过渡给谁加 单个属

盒子模型 border-box css3可以 使用 box-sizing 来指定盒模型，值有2个： content-box \ border-box box-sizing:content-box 这个

css3的新特性 属性选择器 根据元素特定属性的来选择元素 根据 type是什么值来选择 选择 属性值开头的某些元素 ^ 以谁结尾 $ * 只要有 就选择出来 权重 类选择器 ， 属性选择器 ，伪类选

html5的新特性 以下属性 ie9+ 才能使用 html5-新增语义化标签 < header > 头部标签 < nav > 导航标签 < article > 内容标签 < section > 定义文

精灵图 为什么需要精灵图 一个网页中往往会应用很多小的背景图片作为修饰，当网页中的图像过多时，服务器就会频繁地去接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度 目的 ： 所以，

为什么要用定位 可以让 盒子 自由的在某个盒子内部移动位置或者固定屏幕中的某个位置，并且可以压住其他盒子 定位 ： 将盒子定在某个位置 定位的分类 position 静态定位 static 是元素的默

常见图片格式 jpg JPEG（JPG） 对色彩的信息保留较好，高清，颜色较多 ， 产品类的一般是 jpg gif GIF 只能存储256色，但可以保存透明背景和动画效果，实际常用一些图片小动画效果

浮动 传统网页布局的三种方式 普通流（标准流/文档流） 就是标签按照规定好的默认方式进行排列 为什么 需要浮动 ？ **有很多的布局效果，标准流没有办法完成，因此可以利用浮动来完成布局 **， 因为浮

CSS盒子模型 本质 是一个盒子，封装周围的html元素，包括 边框，内外边距和实际内容 盒子模型的组成 border 边框 border-style : solid 设置为实线 border-sty

css 复合选择器 就是 建立在基础选择器之上的 ， 对基本选择器进行组合形成的 2个或多个的基础选择器，通过不同方式进行组合 后代选择器 （重要！！） 空格隔开 又称 包含选择器 中间用 空格 隔开

什么是css 美化网页，布局页面 CSS语法规范 给div 修改样式，给它高度，宽度，背景颜色 属性和属性之间用 分号进行分割 ; 属性和值之间用 冒号 : css代码风格 样式格式书写 紧凑格式 展

表格 表格作用 显示，展示数据的 表格基本使用 表头 th 会居中，加粗来显示 表格属性 可以在后期 css 来设计即可 表格划分区域 合并单元格 把多个单元格合一块 从哪里开始合并 ，就以哪里为目标

客户端 ： 用户通过客户端来使用软件 ，能够看见的就是客户端 服务器 ：服务器负责在远程处理业务逻辑 ， 看不见的就是服务器 服务器开发的语言 ： java node.js php c# python

标签语义 在合适的地方给一个最为合理的标签，可以让页面结构更加清晰 标签的书写注意规范 1、< p ></ p > 有开始有结束 2、< br /> 有些是 自闭合的 3、标签分为 包裹 和 兄弟关系