14课作业答疑

1. 代码重用

2.改变大小变形：左右滚动条的出现；宽度，百分比。

先在最外层设置一个绝对的宽度，再在里面设置百分比，这样就不会漂了。这样改变大小的时候就不变形了。如下：头，身子和尾巴都是980px.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Title</title>
</head>
<body>
    <div class="pg-header">
        <div style="width:980px;">头部数据</div>
    </div>
    <div class="pg-body">
        <div style="width:980px;">中间内容</div>
    </div>
    <div class="pg-footer">
        <div style="width:980px;">底部菜单</div>
    </div>
</body>
</html>

3.自适应 media

4.关于图片边框的问题，默认img标签，有个1px的边框。

在IE浏览器中，如果是在a标签下，则会自动给img 图片加一个边框。想要去掉边框，需要把border设置为0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <style>
        img{
            border:0;
        }
    </style>
</head>
<body>
    <a href="http://www.baidu.com">asdf</a>
    <a href="http://www.baidu.com">
        <img src="1.png" style="width:200px;height:300px;"/>
    </a>
</body>
</html>

5. 垂直对齐：line-height:20px

水平对齐：text-align:center

6. form 表单中最重要的3个属性：

7. display: block;inline;inline-block

8. float:

9. margin:0 auto; 整个居中

padding:内边距---自身发生变化。　

posted on 2017-08-24 09:23 momo8238 阅读(134) 评论(0) 收藏举报