美文网首页
经典的行布局(第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