美文网首页
(17.03.24)浮动、link引入css

(17.03.24)浮动、link引入css

作者: 张不困_ | 来源:发表于2017-10-16 10:32 被阅读0次
    浮动:

    float:left/right/none;

    主要功能:让块元素排一在一排!!!!

    特性:
        1.根据浮动方向,可以改变块元素的排列顺序
        2.加了浮动,行内元素就变成块元素
        3.加了浮动不写固定宽高的时候,默认内容宽高
        4.加了浮动就半脱离文档流(但是还是会把标签里面的内容给挤出来)

    注意:
        5.只要给子级加了浮动一定要给父级清除浮动!(一个没有设高的父级里面子级加了浮动以后,父级就没有高了!)

    清除浮动方法:给父级加一个overflow:hidden;--溢出隐藏!

    6.浮动元素必须包在一个单独的div!(一个父级里面有一个是浮动元素,其他的也必须都是浮动元素)

    7.父级元素里面的所有子级浮动元素超出父级宽度,会从第二排开始排列!


    写页面步骤

    从大到小
    从外到内
    从上到下
    从左到右
    

    <link rel="stylesheet" href="css/base.css"/>

    给html页面引入一个css文件

    相关文章

      网友评论

          本文标题:(17.03.24)浮动、link引入css

          本文链接:https://www.haomeiwen.com/subject/sjckuxtx.html