浮动：
1.脱离标准流
2.浮动元素都是行内块
3.不会覆盖文字
问题：
4.子元素浮动后不能撑开父元素的高度
清除浮动：
1.给父元素加高度
2.个体父元素加overflow
3.空标签使用clear:both
4.使用伪元素代替空标签：content display:block; clear:both; height:0; overflow:
伪元素：
元素:after{} 元素后面添加一个元素（在盒子里面） 元素:before{}
阴影：
文字阴影：text-shadow:横向偏移 纵向偏移 模糊距离 颜色;
盒子阴影：box-shadow:横向偏移 纵向偏移 模糊距离 阴影尺寸 颜色;
都可以设置多个阴影，10px 10px 2px red,-10px -10px 3px blue;
细线边框：border-collapse:collapse;
网站图标：www.bitbug.net
字体图标：www.iconfont.cn
锚点的本质是页面滚动，所以锚点能用的前提是有滚动条，这个滚动条可以是浏览器的，也可以自己生成的（overflow）
source.zipsource.zipsource.zipsource.zip
需积分: 0 193 浏览量
2024-01-17
23:26:35
上传
评论
收藏 11.4MB ZIP 举报
source.zipsource.zipsource.zipsource.zip （281个子文件） 
demo.css 8KB demo.css 8KB htmleaf-demo.css 6KB carousel.css 2KB iconfont.css 2KB iconfont.css 2KB normalize.css 2KB .DS_Store 6KB iconfont.eot 2KB iconfont.eot 2KB icomoon.eot 2KB
1.gif 940KB fcloading.gif 2KB tb.gif 520B bg.gif 209B
demo_index.html 9KB demo_index.html 9KB 3d-旋转木马轮播图.html 5KB index.html 4KB index.html 4KB 3d旋转-导航翻转.html 3KB 3d-点击旋转图片.html 3KB 2d旋转-扑克牌摊开.html 2KB 1-爱宠作业.html 2KB 12-轮播图.html 2KB 3d-立体图案.html 2KB 过渡-蓝快滑动.html 2KB 3d-水平旋转.html 2KB 仿新浪网站固定头部.html 2KB 3d-横向旋转.html 2KB test.html 1KB 3d-案例.html 1KB 淘宝轮播图静态布局.html 1KB 3d立方体.html 1KB 2d旋转-图片摊开.html 1KB 3d-立体旋转.html 1KB index.html 1KB 3-图文绕排.html 1KB 4-作业4.html 1KB 2-作业2.html 1KB 导航栏.html 1KB 8-多行导航.html 1KB 19-新增伪类选择器.html 1KB tab切换.html 1KB 1-作业1.html 1020B 过渡-手风琴.html 989B 9-浮动解决方案.html 975B 微信案例.html 948B 15-定位元素的层级关系.html 921B 新浪tab导航.html 917B 7-浮动问题.html 914B 4-浮动的特性.html 893B 6-浮动的详细情况.html 840B 3-作业5.html 836B 过渡-红块拉伸.html 807B 14-固定定位案例.html 778B 8-绝对定位2.html 748B 过渡-文字拉伸.html 746B 20-2d变换.html 716B 2-伪对象.html 706B 3d-硬币旋转.html 656B z-index出题.html 646B 模拟新浪导航.html 634B 21-美女放大看.html 560B 6-相对定位.html 552B 模拟小米滑动效果.html 542B 16-层级关系的案例.html 530B 13-固定定位.html 527B 3d.html 509B 5-列表+浮动-导航.html 491B 7-绝对定位.html 484B 22-2d斜切.html 481B 9-定位例子1.html 478B 17-内减模式.html 443B 18-新增属性选择器.html 441B 11-盒子水平并垂直居中.html 430B 13-细线边框.html 410B 字穿线效果.html 408B 2d移动-居中定位.html 402B 10-定位例子2.html 378B 14-字体图标.html 347B 12-阴影小案例.html 347B 文字阴影-凹凸文字.html 332B 5-静态定位.html 296B 11-边框阴影.html 281B 10-文字阴影.html 268B 1.ico 4KB
9.jpg 524KB 6.jpg 240KB 6.jpg 240KB banner_1.jpg 183KB 5.jpg 143KB 5.jpg 143KB banner_2.jpg 134KB 3.jpg 130KB 3.jpg 130KB 2.jpg 118KB 2.jpg 118KB 7.jpg 107KB 8.jpg 105KB共 281 条
- 1
- 2
- 3
资源评论
