摘要: 1. 背景 background: red url(img/cat.gif) repeat-x fixed; 2. 背景颜色 background-color: red; 3. 背景图片 background-image: url(img/cat.gif); 如果图片大于元素,则会显示图片左上角部分 阅读全文
posted @ 2018-09-08 20:55 耶梦加德 阅读(161) 评论(0) 推荐(0) 编辑
摘要: opacity 透明度 设置一个 0 - 1 之间的值。 opacity: 0; 完全透明 opacity: 0.5 半透明 opacity: 1; 完全不透明 缺点: IE8及以下都不支持 opacity 。 IE8及以下 透明度 : filter: alpha(opacity=50); 此时,透 阅读全文
posted @ 2018-09-08 20:03 耶梦加德 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 如果三个 div 全部设置 position: absolute; 绝对定位,且未设置 z-index, 则从代码结构上 下面的元素 会盖住 上面的元素。 z-index 层级: 通过 z-index 属性 设置元素的 层级。 z-index : 正整数; 层级越高 ,越优先显示在最上面。 z-in 阅读全文
posted @ 2018-09-08 19:50 耶梦加德 阅读(161) 评论(0) 推荐(0) 编辑
摘要: position 定位 指将原始摆放到页面的任意位置。 继承性:no 默认值:static 没有定位,原始出现在正常的文档流中 可选值: static : 默认值,元素没有开启定位 relative : 开启元素的相对定位 absolute : 开启元素的绝对定位 fixed : 开启元素的固定定位 阅读全文
posted @ 2018-09-08 19:29 耶梦加德 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 1. 设置 Photoshop 的单位为 像素px 2. 标尺 显示与隐藏 Ctrl + r 3. 放大与缩小 Ctrl + 1 放大到100% Ctrl + 0 适应屏幕 Alt + 鼠标滑轮 4. 查看矩形框选中目标的width和height F8 5. 辅助线 Ctrl + H 隐藏 / 显示 阅读全文
posted @ 2018-09-08 14:01 耶梦加德 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 效果图: html代码: css代码: 阅读全文
posted @ 2018-09-08 11:12 耶梦加德 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 效果图: html源代码: CSS源代码: 阅读全文
posted @ 2018-09-08 10:39 耶梦加德 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 高度塌陷 在文档流中,父元素的高度默认是被子元素撑开的。 但是当为 子元素 设置 float 时,子元素会完全脱离文档流,无法再撑开父元素,导致父元素高度塌陷。。。以致于布局混乱 变成 BFC块级格式化环境 根据 W3C 标准,元素都有一个隐含的属性 “Block Formatting Contex 阅读全文
posted @ 2018-09-08 10:06 耶梦加德 阅读(122) 评论(0) 推荐(0) 编辑