css添加方法

时间：2019-08-01 22:47:49 阅读：295 评论：0 收藏：0 [点我收藏+]

标签：span 结构 focus 分离 utf-8 model containe ade rac

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

css添加方法

标签：span 结构 focus 分离 utf-8 model containe ade rac

原文地址：https://www.cnblogs.com/evident/p/11285803.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行