css添加方法

最新推荐文章于 2024-03-06 13:33:23 发布

aiyanfa0733

最新推荐文章于 2024-03-06 13:33:23 发布

阅读量154

点赞数

原文链接：http://www.cnblogs.com/evident/p/11285803.html

版权

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

转载于:https://www.cnblogs.com/evident/p/11285803.html

aiyanfa0733

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css添加方法

css添加方法1.css添加方法--行内<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Document</title></head><body> <p s...
复制链接

扫一扫