美文网首页
经典的行布局(第11周)

经典的行布局(第11周)

作者: Persistence敏捷 | 来源:发表于2017-11-17 19:09 被阅读17次

    学习课程:CSS第六节内容

    经典的行布局

    1.行布局固定宽

    2.行布局某部位自适应

    3.行布局导航随屏幕滚动

    行布局固定列宽+行布局某部位自适应

    行布局导航随屏幕滚动

    代码部分.html

    2.内部样式表

    将CSS样式中声明代码在HTML页面代码的head元素在进行声明,样式表由style元素进行存放

    <head>

    <style type="text/css">

    div{

                border:solid 1px #c00;

    }

    </style>

    </head>

    3.链入链式表

    将CSS样式声明的代码单独放在扩展名为.CSS的文件中,然后页面中通过link元素将该文件链接到页面,其中link元素必须放在head元素中

    <link rel="stylesheet" type="text/css" href="text.css/>

    4.导入样式表

    导入样式表同链入式样式表,都是将样式表单独存放,然后再HTML页面中引入该文件。导入样式表是将外部样式表在内部样式的style元素中使用@import语句导入HTML页面

    <head>

    <style type="text/css">

    @import "text.css";

    </style>

    </head>

    谷歌logo

    相关文章

      网友评论

          本文标题:经典的行布局(第11周)

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