前端练习代码之css2.1资源-CSDN文库

共66个文件

html：56个

png：4个

md：3个

需积分: 9 18 浏览量 2022-04-12 23:51:06 上传评论收藏 479KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

代码.rar （66个子文件）

day02

02_两列布局.html 456B

01_css sticky footer.html 784B

08_css hack.html 279B

img

xfz.png 98KB

10_检测低版本ie.html 586B

13_字体与文本

文本相关

06_word-spacing.html 320B

01_color.html 265B

03_text-indent.html 426B

05_letter-spacing.html 283B

04_text-decoration.html 233B

02_text-align.html 368B

08_垂直居中.html 672B

07_white-space.html 553B

行高

04_初始化.html 452B

00_行框高度.html 518B

06_使图片垂直水平居中.html 608B

03_继承.html 263B

img

img2.jpg 27KB

图解三个框.png 71KB

01_行框高度.html 567B

Vertical-align

01_demo.html 843B

img

img1.jpg 16KB

img2.jpg 27KB

02_行框高度.html 634B

05_单行文本垂直居中.html 207B

05_font.html 358B

04_字体族.html 242B

02_字体style.html 193B

03_字体加粗.html 190B

01_字体大小.html 198B

05_margin重叠.html 403B

07_清除浮动

04_清除浮动.html 577B

03_清除浮动.html 561B

05_清除浮动.html 726B

02_清除浮动.html 745B

01_清除浮动.html 586B

清除浮动.md 505B

03_商品列.html 1KB

04_margin重叠.html 441B

day02.md 196B

09_条件注释表达式.html 824B

06_margin重叠.html 463B

11_左右查询.html 360B

12_垂直水平居中

01_水平居中.html 386B

04_元素的垂直水平居中.html 832B

02_元素的垂直水平居中.html 643B

03_元素的垂直水平居中.html 1KB

day01

16_使用绝对定位来模拟固定定位.html 699B

day01.md 1KB

04_百分比.html 497B

05_浮动.html 960B

img

xfz.png 98KB

03_width.html 466B

06_浮动.html 437B

10_伪等高布局.html 1KB

14_滚动条.html 263B

11_圣杯布局.html 2KB

09_圣杯布局.html 2KB

01_定位.html 540B

12_双飞翼布局.html 2KB

02_定位.html 473B

08_三列布局.html 690B

13_fixed.html 390B

15_静止系统默认滚动条.html 407B

07_三列布局.html 781B

包含块.png 667KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>   <style type="text/css"> *{ margin: 0; padding: 0; } body{ min-width: 600px; } #content{ padding: 0 200px; } #header,#footer{ height: 20px; text-align: center; border: 1px solid deeppink; background: gray; } #content .middle{ float: left; width: 100%; background: pink; /*padding: 0 200px;*/ } #content .left{ position: relative; left: -200px; margin-left: -100%; float: left; width: 200px; background: yellow; } #content .right{ position: relative; right: -200px; margin-left: -200px; float: left; width: 200px; background: yellow; } .clearfix{ *zoom: 1; } .clearfix:after{ content: ""; display: block; clear: both; } </style> </head> <body> <div id="header">header</div> <div id="content" class="clearfix"> <div class="middle"> <h4>middle</h4>  </div> <div class="left">left</div> <div class="right">right</div> </div> <div id="footer">footer</div> </body> </html>