经典的行布局(第11周)

2017-11-17 本文已影响17人 Persistence敏捷

学习课程：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>