当了解HTML静态网页的基本结构后,发现要想实现更好的界面效果,实现更多的功能还得使用另外的工具来对这些现有的功能进行修饰,接下来进阶阶段,了解css使用。
1.什么是css?
CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁。
2.css的基本语法:
语法格式
选择器{
样式属性:属性值
样式属性:属性值
样式属性:属性值
}
实际效果,例如:
div{
width:100px;
height:100px;
background:gold;
}
3.css的引入(使用)方式:
1.内联式:
通过标签的style属性,在标签上直接写样式
例:
<div style='width:100px height:100px'>.</div>
2.嵌入式:
通过一个style标签,在网页上创建嵌入的样式表
例:
<style type='text/css'>
div{
width:100px;
height:100px;
...
}
</style>
3.外链式:通过link标签,链接外部样式文件到页面中
<link rel="stylesheet" type="text/css" href="css/main.css">
常用的就是外链式