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文档内部引用多个外部样式表。