css添加方法
1.css添加方法--行内
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Document</title>
</head>
<body>
<p style="color:red;">
天使投资
</p>
</body>
</html>
2.css添加方法--内嵌样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Document</title>
<style type="text/css">
p{
color:red;//设置字体颜色
}
</style>
</head>
<body>
<p>
天使投资
</p>
</body>
</html>
·内嵌的样式只对当前的页面有效,当多个页面共享某一个样式时,需要每个页面都要重新定义。
3.css添加方法--单独文件
外部样式表文件style.css
p{
color:red;//设置文字颜色}
网页文件:html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Document</title>
<link rel="stylesheet" href="css/style.css"/>//link进行文件链接 rel属性指示要链接到什么类型的文件,stylesheet:表示要链接到样式表文件上面,herf属性超链接属性:表示要链接到文件的相对路径
</head>
<body>
<p>
天使投资
</p>
</body>
</html>
·页面结构HTML代码与样式css代码的完全分离
·维护方便
·如需改变网站风格,只需修改公共css文件
·可以在同一个html文档内部引用多个外部样式表。