摘要：1. 转换：改变元素的位置，角度或大小（平移，旋转，缩放） 2.语法：　1.属性：transform 取值：转换函数 1.平移转换 1.作用：改变元素在文档中的位置 2.函数：translate（x， y） 取值：x表示水平方向的平移距离 y表示垂直方向的平移距离 3.其他情况： 1.transla 阅读全文

摘要：过渡指的是元素的CSS属性值发生变化时的一种平滑过渡效果 语法: 1.属性：transition 取值：property duration timing-fuction delay 注意：1.属性简写是，四个属性值中，duration是必填项，其他三个属性值可以省略 2.transition属性如果 阅读全文

摘要：列表自带内外边距和项目符号1.属性list-style-type：设置项目符号 取值：none（取消项目符号，最常用） disc 实心圆点 circle 空心圆点 square 实心方块 。。。。。。 2.属性：list-style-image ：指定图片作为项目符号 取值：url（"图片路径"） 阅读全文

摘要：属性：sursor取值：1.default 默认值 2.pointer 鼠标在元素上展现为手指的样式 3.text 鼠标展示为 I 普通文本 4. crosshair 显示为 + 阅读全文

摘要：属性 ：visibility 取值 ： 1. visible 默认值，表示显示 2. hidden 元素隐藏，仍然在文档中占位 1. 属性 ：opacity 设置元素透明度2. 取值 ：0（透明） ~ 1 （不透明） 注意 ： 1. 元素设置opacity属性，所有内容（背景颜色，文本颜色）都会实现 阅读全文

摘要：属性 ：vertical-align取值 ：top / middle / bottom注意 ：可以用在行内元素上，更常见于为行内块元素设置vertical-align。调整行内块元素左右内容与它的对齐方式 阅读全文

摘要：1. 已定位的元素堆叠在一起时的排列顺序2. 语法 属性 ：z-index 取值 ：无单位的数值，默认为0，数值越大越靠上3. 注意 1. 如果元素z-index属性值相同，后来者居上 2. 父子元素都设置z-index，永远是子元素在上，不受z-index影响 3. z-index属性只能用在已定 阅读全文

摘要：标准流布局 1.标准流布局（文档流， 普通流，静态流） 是默认的布局方式 特点：将元素按照书写顺序及元素类型，从上至下，从左至右排序 浮动布局 1.设置元素浮动 属性：float 取值：left / right / none(默认值) 2.浮动元素的特点： 1.元素设置浮动（left / right 阅读全文

摘要：1.基础样式是通用的 2.独有的CSS属性： 1.边框合并 属性：border-collapse 取值：1.seperate：默认值，单元格边框与表格边框相分离 2.collapse：设置表格边框与单元格边框合并 注意：1.td 不支持margin 2.border-collapse只能在table 阅读全文

摘要：字体相关的属性 1.字体大小 属性：font-size 取值：像素值或em 1em = 16px 2.字体粗细程度 属性：font-weight 取值：1.关键字 light (超细)/ normal(正常) / bold(加粗) 2.整百取值100-900，数值越大，字体越粗 100（lighte 阅读全文

摘要：1.background-color 设置背景颜色，取颜色值 注意： 1.所有元素默认的背景颜色都是透明色，新建窗口的白色不是body的背景色，是浏览器渲染的 2. 背景颜色从边框位置开始绘制 3. 如果元素添加内边距，也会按照背景颜色进行填充 2.背景图片 1.设置背景图片 属性：backgrou 阅读全文

摘要：1.设置元素的可见性 属性：visibility 取值：1.visible 默认值，元素可见 2.hidden：设置元素隐藏，元素在文档中仍然占位 3.inline-block：转换行内块元素 特殊取值： 4.none：实现元素隐藏，元素在文档中不占位，其他元素会相对移动。实现元素隐藏与显示： di 阅读全文

摘要：属性：box-sizing作用：指定盒模型的计算方式取值： 1.content-box：默认值 元素的width height属性只用来规定内容的尺寸，如果元素设置内外边距和边框，最终在文档中占据的尺寸由各种值相加得到。 2.border-box： 元素的width height属性，规定的是包含边 阅读全文

摘要：1.外边距的合并情况 1.外边距 1.垂直方向上的外边距，会发生合并，去较大的值。 2.水平方向上的外边距，会发生叠加，元素之间的距离较大。 3.为子元素添加距上的外边框，作用域父元素上： 解决办法： 1.在父元素设置上边距（可以使用透明色） 2.为父元素天机顶部的内边距padding-top：0. 阅读全文

摘要：1.在CSS中，认为一切元素都是框，都是矩形区域 盒模型：计算元素在文档中的实际占位情况 盒模型组成：margin（外边距） border（边框）padding（内边距） content（元素的宽高尺寸） 元素在文档中的实际尺寸的计算方式： 默认情况下： 最终宽度 = 左右外边距+左右的边框宽度+左 阅读全文

摘要：1.实现边框 属性：border 例子：border:3px double blue; 取值：border-width,border-style,border-color 边框宽度，样式，颜色，三个值缺一不可（即使有些值具有默认值） border-width:取值像素，设置四个方向边框宽度 bord 阅读全文

摘要：1.尺寸 属性：width，height分别设置元素的宽高大小 取值：像素值或是百分比 注意：块元素和行内块元素可以设置宽高属性 2.溢出处理 溢出：内容超出元素尺寸范围，称为内容溢出，默认情况下，溢出部分仍然可见。 属性：overflow 可以处理内容溢出 取值：1.visible 默认值，可见 阅读全文

摘要：1.块级元素： 特点：1.独占一行，不与其他元素共行 2.可以手动调整宽高 3.默认情况下，块元素的宽高与父元素保持一致 常见块元素：body, h1-h6, div, ul, ol, li, table, form, p 2.行内元素： 特点：1.可以与其他元素共行显示 2.不可以手动调整宽高大小 阅读全文

摘要：1.尺寸单位 px，%，in（英寸 换算：1inch = 2.54cm），pt（磅 换算：1 pt = 1/72 in） cm，mm，em（默认情况下 ，字体大小为16px， 1em=16px） 2.颜色取值 1.英文单词 2.rgb（），rgba（）：这个比rgb多一个透明度参数 3.十六进制表示 阅读全文

摘要：1.作用：选择器的优先级主要考虑选择器的权重，可以将各种选择器的权重以数值来表示，数值越大，优先级越高。 2.选择器 权重值 标签选择器 1 类选择器/伪类 10 id选择器 100 行内样式 1000 3.复杂选择器优先级的计算： 1.群组选择器不参与计算 2.后代和子代选择器，各种选择器权值相加 阅读全文