css基础学习-控制页面方式
方式类型：行内（直接在html行中），内联（内联在head中），链接（link链接标签），导入（import导入）
效率分析：就近原则，行内>内联>链接>导入
代码演示：
1、行内：
<table border="1" style="height:10px;width:80px">
1.特点：style的css元素书写和其他的方式的书写时一样的。
2.适用范围：改变较少css元素时
3.注意点：和HTML的表现形式区分。
HTML的表现是：属性名="属性值"
<body bgcolor="black">
2、内联：
<style tyle="text/css">
td{
background-color: #00EEEE;
}
table{
background-color: #EE0000;
}
</style>
1.特点：在head标签之间；
2.使用范围：代码量（HTML+css代码）不大的时候可以使用。
3.注意点：一旦代码量很大时会严重使页面冗大。
3、链接
<link rel="stylesheet" type="text/css" href="divTest.css">
另一个css文件：
#tr1{
color: red;
}
.tr2{
color:yellow;
}
1.特点：使用单独的css文件使HTML和其他需要css文件的文件和css文件分离，后期维护简单。
2.适用范围：大型工程；代码量（html+css）很大的时候。
3.注意点：link参数的意义。
4、导入（import）
1.特点：导入样式和链接样式比较相似，采用import样式导入CSS样式表，在HTML初始化时，会被导入到HTML文件中，成为文件的一部分，类似第二种内嵌样式。
2.适用范围：对css进行模块化管理。
扫一扫
1669
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
