摘要：
1.media query响应式布局——媒体查询 使网页能够兼容多种终端显示，而不是为每个终端做特定的版本，提供更加舒适的界面和更好的用户体验 响应式布局设计比专门设计的手机版网站功能少，如获取用户GPS定位响应式设计很难实现，如果只是根据窗口大小为用户提供匹配的视觉效果还是优先选择响应式设计 优点 阅读全文
摘要：
1.animation动画 transition属性只能简单模拟动画效果，而animation属性可以制作类似Flash动画 通过关键帧控制动画的每一步，使元素从一中样式变为另一种样式，实现复杂的动画效果 2.@keyframes，用于声明动画，指定关键帧 帧，用于分解动画动作，每一帧代表某个时间点 阅读全文
摘要：
1.transform 2D转换 transform的属性通过函数进行定义，2D函数包括：translate()、scale()、rotate()、skew() 书写格式：transform: 函数名（X，Y） 可以同时定义多个函数，函数之间通过“空格”隔开 transform-origin 用于设 阅读全文
摘要：
1.border-radius圆角 语法格式 border-radius:value，四个角 border-radius:value value，第一个value设置左上角和右下角，第二个value设置右上角和左下角 border-radius:value value value value，从左上 阅读全文
摘要：
知识点摘记 1.display属性，规定元素应该生成的框的类型 none，此元素不会被显示 block，此元素将显示为块级元素，元素前后会带有换行符 inline，默认值，此元素会被显示为内联元素，元素前后没有换行符 flex，指定元素为弹性盒子 inline-block，此元素将会显示为行内块级元 阅读全文
摘要：
1.浏览器内核及前缀 在CSS中新的属性标准尚未明确的情况下，各浏览器厂商对新属性的支持情况也不相同，这个阶段会对属性加厂商前缀进行区分。 根据不同的浏览器内核，CSS前缀有所不同，最基本的浏览器内核有四种，其他内核都是基于此四种进行再研发的。 ① Gecko内核，前缀为“-moz-”，火狐浏览器 阅读全文
摘要：
1.盒子模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（margin） 2.border，设置元素的边框，属性（边框三要素）：宽度、样式、颜色，这也是通常border属性值的书写顺序（非严格要求） 单独书写：border-width（宽度，默认3 阅读全文
摘要：
1.属性选择器 通过HTML的属性及属性值来选择元素，如<p att= "val" >文本内容</p>，class 即是<p>元素的属性，val 则是 att 的属性值 属性选择器的书写格式：元素[属性名称 = "属性值"] {color: red; }，等号只是其中一种关系符号 属性选择器类型： 阅读全文
摘要：
1.字体属性 color，规定文本的颜色，如 div{color:red;} font-style，规定文本显示方式，如 p.normal {font-style: normal;} ，有normal（正常显示）、italic（斜体显示，字体结构有一定变化）、oblique（倾斜显示，仅仅是文本的倾 阅读全文
摘要：
1.div+css布局 <div>特征 ① 可以定义文档中的分区或节（division/section） ② 可以把文档分割为独立的、不同的部分，可以用作严格的组织工具 ③ 是一个块级元素，它的内容会自动开始一个新行 ④ 一般通过 id 或 class 标记与CSS配合使用 常用到的CSS属性： w 阅读全文