css添加方法

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

posted @ 2019-08-01 22:29  Evident  阅读(558)  评论(0编辑  收藏  举报