随笔分类 - 前端
02-CSS基础与进阶-day10_2018-09-14-21-26-41
摘要：css雪碧技术 css精灵是处理网页背景图的方式，它将一个页面涉及的所有零星背景图集中到一张大图上，把大图应用在网页中下周一字体图标 布局案例BFCPS 周三周五 首页 下下周 css3 06css精灵技术(1).html
阅读全文
02-CSS基础与进阶-day10_2018-09-14-20-48-25
摘要：word-break属性 处理英文单词 参考代码03white-space white-space:nowrap 强制一行显示文本 text-overflow 文本溢出 css雪碧技术 css精灵是处理网页背景图的方式，它将一个页面涉及的所有零星背景图集中到一张大图上，把大图应用在网页中下周一 03
阅读全文
02-CSS基础与进阶-day10_2018-09-14-20-38-10
摘要：图片默认底部3px缝隙 解决办法 display:block 或vertical-align: topword-break属性 处理英文单词 参考代码03 02图片默认3px缝隙(1).html
阅读全文
02-CSS基础与进阶-day10_2018-09-14-20-22-56
摘要：图片与文字对齐 text-align: center 文字水平对齐 margin: 0 auto 对有宽度的块级盒子水平居中 vertical-align 控制元素垂直对齐方式 对块级元素无效 对行内元素或者行内块元素有效 通常用来控制图片 取值 baseline | top | middle |
阅读全文
02-CSS基础与进阶-day9_2018-09-12-21-44-58
摘要：元素的显示和隐藏 display: none; /* 隐藏元素 不是删除 只不过看不见 不保留位置*/ visibility: hidden;/*隐藏元素 它保留位置*/overflow overflow: visible; /*超出显示*/ overflow: hidden; /*超出隐藏*/ o
阅读全文
02-CSS基础与进阶-day9_2018-09-12-21-37-34
摘要：z-index 当对多个元素设置定位时,重叠的定位元素可以通过z-index调整堆叠顺序 其值可以为0 正数 负数 特点 1 z-index默认值为0 取值越大 定位元素在层叠元素上越局上 2 z-index取值一样，后来居上 3 z-index值不能加单位 4 只有定位元素才有该属性，其余如浮动等
阅读全文
02-CSS基础与进阶-day9_2018-09-12-21-27-10
摘要：z-index 当对多个元素设置定位时,重叠的定位元素可以通过z-index调整堆叠顺序 其值可以为0 正数 负数 特点 1 z-index默认值为0 取值越大 定位元素在层叠元素上越局上 2 z-index取值一样，后来居上 3 z-index值不能加单位 4 只有定位元素才有该属性，其余如浮动等
阅读全文
02-CSS基础与进阶-day9_2018-09-12-21-02-40
摘要：定位 静态定位 position: static 相对定位 position: relative 绝对定位 position: absolute 脱标 参考点 子绝父相 让绝对定位的盒子水平居中和垂直居中 固定定位 position: fixed 参考点 浏览器左上角 固定定位的元素脱标不占有位置
阅读全文
02-CSS基础与进阶-day9_2018-09-12-20-47-19
摘要：定位 静态定位 position: static 相对定位 position: relative 绝对定位 position: absolute 脱标 参考点 子绝父相 让绝对定位的盒子水平居中和垂直居中 固定定位 position: fixed 参考点 浏览器左上角 固定定位的元素脱标不占有位置
阅读全文
02-CSS基础与进阶-day9_2018-09-12-20-29-40
摘要：定位 静态定位 position: static 相对定位 position: relative 绝对定位 position: absolute 脱标 参考点 子绝父相 让绝对定位的盒子水平居中和垂直居中 固定定位 position: fixed 参考点 浏览器左上角 固定定位的元素脱标不占有位置
阅读全文
02-CSS基础与进阶-day9_2018-09-12-20-16-28
摘要：定位 静态定位 position: static 相对定位 position: relative 绝对定位 position: absolute 脱标 参考点 子绝父相 让绝对定位的盒子水平居中和垂直居中 固定定位 position: fixed 参考点 浏览器左上角 固定定位的元素脱标不占有位置
阅读全文
02-CSS基础与进阶-day8_2018-09-10-21-22-57
摘要：定位(position) 1 边偏移 top 顶端偏移量 定义元素相对于其父元素上边线的距离 left 定义元素相对于其父元素左边线的距离 right 定义元素相对于其父元素右边线的距离 bottom 定义元素相对于其父元素下边线的距离 2 静态定位 position: static 元素默认的定位
阅读全文
02-CSS基础与进阶-day8_2018-09-10-20-14-46
摘要：浮动的清除1 清除浮动的原因 浮动不清楚 对周围的元素布局造成影响，浮动的元素也不能撑开父亲 2 清除浮动的方案 i 给浮动元素所在父盒子增加高度,关住浮动，但是一般工程上，我们不对父盒子I设置高度，父盒子高度由儿子撑开 ii clear:both 清除左右浮动的影响，浮动元素所在父盒子没有设置高度
阅读全文
02-CSS基础与进阶-day7_2018-09-07-21-42-30
摘要：08固定宽度且居中布局.html 09通栏分布型.html
阅读全文
02-CSS基础与进阶-day7_2018-09-07-20-25-28
摘要：盒子模型布局稳定性 1 什么时候用内边距 什么时候用外边距 绝大多数情况下可以混用，想用什么就用什么，但是总有一个 最好用的，建议 优先使用width > padding > margin浮动(float) 1 标准流（文档流 普通流） 一个网页的标签元素正常是从上往下，从左到右排列，块级元素独占一
阅读全文
02-CSS基础与进阶-day7_2018-09-07-20-15-37
摘要：盒子模型布局稳定性 1 什么时候用内边距 什么时候用外边距 绝大多数情况下可以混用，想用什么就用什么，但是总有一个 最好用的，建议 优先使用width > padding > margin浮动(float) 1 标准流（文档流 普通流） 一个网页的标签元素正常是从上往下，从左到右排列，块级元素独占一
阅读全文
02-CSS基础与进阶-day6_2018-09-05-22-35-51
摘要：盒模型 width height border padding margin 浏览器会给元素一个默认样式，一般我们会重置浏览器默认样式 * {padding: 0; margin: 0} 注意 1 行内元素没有上下外边距 也没有上内边距 2 外边距合并 垂直的块级盒子以最大的外边距为准(外边距塌陷)
阅读全文
02-CSS基础与进阶-day6_2018-09-05-22-02-24
摘要：08盒子阴影.html 09水晶图片.html
阅读全文
02-CSS基础与进阶-day6_2018-09-05-21-51-42
摘要：07css3盒模型.html
阅读全文
浙公网安备 33010602011771号