第三周 10.26-10.30

iframe和a搭配的用法

<a href="http://www.sina.com.cn" target="_blank">新页面</a>
    <a href="http://www.sina.com.cn" target="_self">当前页面</a>
    <a href="http://www.sina.com.cn" target="inner">刷新iframe内的页面</a>
    <iframe name="inner" width="500px" height="400px" src="iframe.html">
        
    </iframe>

清除浮动

/*使用:after，让浮动不要影响下面的$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
        .container>div {
            float: left;
        }
        .container:after {
            content: "";
            clear: both;
            display: block;
        }
        
        /*把高度撑开，让浮动不要影响下面的*/
        .container2 {
            height: 100px;
        }
        .container2>div {
            float: left;
        }
        
    </style>
</head>
<body>
    <div class="container">
        <div>一</div>
        <div>二</div>
    </div>
    <div class="footer">12345</div>
    <div class="container2">
        <div>一</div>
        <div>二</div>
    </div>
    <div class="footer2">12345</div>
</body>

行盒

p {
            border: 1px solid red;
        }
        /*img、display=inline-block、文字都可以使用vertical-align调整垂直高度*/
        /*文本还可以使用line-height去调整，建议先使用vertical-align*/
        img {
            vertical-align: middle;
        }
        span {
            vertical-align: 1px;
            /*line-height: 1px;*/
        }
        /*div这种块级元素，建议使用margin-top或者margin-bottom去调整垂直高度*/
    </style>
</head>
<body>
    <p><span>哈哈哈哈</span><img src="little-girl.bmp" alt=""></p>
</body>

 

posted @ 2015-11-01 21:35  Jaelyn  阅读(131)  评论(0)    收藏  举报