2018年9月9日
__x__(38)0909第五天__雪碧图的制作
摘要： 1. 用ps打开目标图片若干。 2. 调整合适的画布大小。 3. 将图片拖曳到一张里。 4. 存储为Web所用格式，选择 png24 。 阅读全文
posted @ 2018-09-09 18:37 耶梦加德 阅读(128) 评论(1) 推荐(0) 编辑
__x__(37)0909第五天__背景图按钮
摘要： link，hover，active三种按键状态，存放三张图片 缺点： 资源只有在被使用时，才会被加载。 页面第一次加载时，会出现短暂的延迟闪烁，造成一次不佳的用户体验。 图片整合技术 CSS-Sprite 雪碧图： 将三张图片整合为一张图片，在不同的伪类中通过设置 background-positi 阅读全文
posted @ 2018-09-09 12:18 耶梦加德 阅读(165) 评论(0) 推荐(0) 编辑
2018年9月8日
__x__(36)0908第五天__背景 background
摘要： 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) 编辑
__x__(35)0908第五天__opacity 透明度
摘要： 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) 编辑
__x__(35)0908第五天__ 层级 z-index
摘要： 如果三个 div 全部设置 position: absolute; 绝对定位，且未设置 z-index， 则从代码结构上 下面的元素 会盖住 上面的元素。 z-index 层级： 通过 z-index 属性 设置元素的 层级。 z-index : 正整数; 层级越高 ，越优先显示在最上面。 z-in 阅读全文
posted @ 2018-09-08 19:50 耶梦加德 阅读(161) 评论(0) 推荐(0) 编辑
__x__(34)0908第五天__ 定位 position
摘要： position 定位 指将原始摆放到页面的任意位置。 继承性：no 默认值：static 没有定位，原始出现在正常的文档流中 可选值： static : 默认值，元素没有开启定位 relative : 开启元素的相对定位 absolute : 开启元素的绝对定位 fixed : 开启元素的固定定位 阅读全文
posted @ 2018-09-08 19:29 耶梦加德 阅读(134) 评论(0) 推荐(0) 编辑
__x__(32)0908第五天__Photoshop的基本操作
摘要： 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) 编辑
__x__(31)0908第五天__导航条的练习 <ul> 版本
摘要： 效果图： html代码： css代码： 阅读全文
posted @ 2018-09-08 11:12 耶梦加德 阅读(171) 评论(0) 推荐(0) 编辑
__x__(30)0908第五天__导航条的练习 <div>版本
摘要： 效果图： html源代码： CSS源代码： 阅读全文
posted @ 2018-09-08 10:39 耶梦加德 阅读(134) 评论(0) 推荐(0) 编辑
__x__(29)0908第五天__高度塌陷 问题
摘要： 高度塌陷 在文档流中，父元素的高度默认是被子元素撑开的。 但是当为 子元素 设置 float 时，子元素会完全脱离文档流，无法再撑开父元素，导致父元素高度塌陷。。。以致于布局混乱 变成 BFC块级格式化环境 根据 W3C 标准，元素都有一个隐含的属性 “Block Formatting Contex 阅读全文
posted @ 2018-09-08 10:06 耶梦加德 阅读(122) 评论(0) 推荐(0) 编辑