1 CSS作业问题 2 3 <!DOCTYPE html> 4 <html lang="en"> 5 <head> 6 <meta charset="UTF-8"> 7 <title>Title</title> 8 </head> 9 <body> 10 /* 1、CSS重复使用 11 <style> 12 .c{ 13 共有 14 } 15 16 .c1{ 17 独有1 18 19 } 20 .c2{ 21 独有2 22 } 23 24 </style> 25 26 <div class="c c1"> </div> 27 <div class="c c2"> </div> 28 */ 29 30 /* 2、自动适应 和改变大小出现变形 31 左右滚动条的出现 32 宽度，百分比 33 34 页面最外层设置绝对像素的宽度 35 自动适应 media 36 */ 37 38 3、 img 默认1px边框 39 40 img{ 41 border:0; 42 } 43 44 4、作业中的数量输入框 45 内容回顾 46 1、块级和行内 47 2、form标签 48 <form action="http://sssss" method="get"> 49 <input type="text" name="q"/> 50 <input type="text" name="b"/> 51 52 #上传文件 53 <input type="file"name="f"/> 54 <input type="submit" /> 55 </form> 56 GET:http://ssssssssss?q=用户输入的值 57 http://ssssssssss?q=用户输入的值&b=用户输入的内容 58 59 POST: 60 请求头 61 请求内容 62 3、display:block;inline;inline-block 63 4、float: 64 <div> 65 <div style="float: left"> f </div> 66 <div style="clear:both;"> </div> 67 </div> 68 5、margin:0 auto; 69 6、padding, 自身发送变化 70 71 72 </body> 73 </html>