css

什么是响应式：响应式网页设计最初是由Ethan Marcotte提出的一个概念： 为什么一定要为每个用户群各自打造一套设计和开发方案：Web设计应该做到根据不同的设备环境自 动响应及调整。当然响应式W

--- highlight: codepen-embed --- ```js border-collapes：设置表格里行和单元格边框的显示方式 seperate：边框分开，使得单元格分割线成双线 c

--- highlight: atelier-forest-dark --- ```js transform：设置变形，参数如下 translate（tx，【ty】）：横向偏移tx距离，纵向偏移ty距

盒子模型相关布局属性值、盒子模型添加阴影flex-direction：属性决定主轴方向（项目排列方向）flex-wrap：默认情况下，项目都排在一条线上（又称轴线）上。flex-wrap规定如果一行放

--- highlight: an-old-hope --- ```js 背景图片新增属性 background-clip：设置背景图片覆盖范围，属性值如下 border-box：指覆盖border区

--- highlight: atelier-lakeside-dark --- ```js 新增文字属性： font-variant：设置文字的大写字母格式，属性值为normal（正常），small

--- highlight: atelier-forest-dark --- ```js lnclude-source：该属性的值应为url（url），插入绝对或相对url地址所对应的文档（目前浏览器

--- theme: mk-cute --- ``` 属性选择器 E[attr]:指定css样式对其具有attr属性的E元素（E：元素名称；[]内部的为属性名称） E[attr=value]：指定该c

权重值 权重：是一个相对概念，是针对某一指标而言，某一指标的权重是指该指标在整体评价中的相对重要程度 权重系数：是表示某指标项系统中的重要程度，他表示在其他指标项不变的情况下，这一指标项的变化，对结果

css精灵（css雪碧）将一排图片作为背景图，只取其中一张为显示效果background:url(img.png) no-repeat;

--- highlight: atelier-heath-dark --- ```js 隔行变色 鼠标划过变色 border-collapse：设置行与表格边距 separate：边框独立（标准htm

--- highlight: gradient-light --- ```js position定位 static：无特殊定位，对象遵循html定位规则 absolute：将对象从文档流出中拖出，使用

--- highlight: gradient-light --- ```js 项目制作流程： 开发环境搭建--制定开发规范和项目构架及工期、需求（逻辑图+解释说明） 1、开发环境搭建：-- 技术文档

浏览器工作原理，css背景设置，渲染流程，渲染流程图重排：当DOM的变化引发了元素几何属性的变化，比如改变元素的宽高，元素的位置。导致浏览器不得不重新计算元素的几何属性，并重新构建渲染树，

```js 伪类属性 a:link：正常状态下的样式 a:visited：被点击过的超链接样式 a:hover：鼠标经过时的样式 a:active：激活时的样式（鼠标按下样式） 兼容性：在ie6、7、

```js 字体 font-family：name font-family："黑体" 大小 font-size：length（字号大小），win10系统浏览器默认字号大小为16px length：百分

```js css（cascadding style sheet）层叠样式表，用于控制网页样式并允许将样式与网页内容分离的一种标记性语言。 格式：属性加名称（key：value） 加入方式：行内样式、

hello word 孙子 我高级选择器 #nav{ height: 40px; } /* #nav li{ nav下的li 后代选择器 list-style:是兄弟级 123 123 123 123

hello word 214645165 相对定位的元素占位置，占的是未移动前的位置 */ /* 坐标原点是初始位置左上角 */ /* position: fixed; *//* 固定定位 */ /*

hello word hello word元素转换 a{ display: block;/* 行元素转化为块元素 */ background-color: #a8a8a8; width: 500px;