CSS简介
Cascading Style Sheet (级联样式单)缩写为css 主要用于网络风格的设计,它给网页的内容穿上的一层好看的衣服,但具体好不好看还得看写的咋样hhhh
CSS样式单可以将数据逻辑和显示逻辑分开从而提高文件的可读性。
可以控制页面字体或是控制整站的页面风格。
css样式总是有一个或多个样式定义的
选择器 {属性名: 属性值}
CSS实现的方式
引入外部样式文件(于<head中引入)
格式为
<link type="text/css" rel="stylesheet" href="Css样式的URL" />
如
<link href="outer.css" rel="stylesheet" type="text/css">
outer.css
table{
background-color: #003366;
width: 400px;
}
导入外部样式单
一般不考虑使用,一些浏览器可能不知车高级CSS属性放在外部样式单中导入
在style中使用
<style type="text/css">
@import "outer.css"
@import url("mycss.css")
</style>
内部css样式
同样不建议使用,因为它主要在HTML文档中定义。
1.若需要被其他文件使用时需要重复定义。
2.修改时需要每个页面依次修改。
如
<html>
<head>
<style type="text/css">
table{
background-color: #003399
}
</style>
</head>
</html>
内联样式
直接于body文件中修改