zoukankan      html  css  js  c++  java
  • 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文档内部引用多个外部样式表。

  • 相关阅读:
    通过修改manifest文件来解决Vista/Win7/Win8/win10下应用程序兼容性问题
    windows下django开发环境配置
    Django网站实例效果
    手动下载Linux安装包perf
    【Nginx】负载配置
    【VIM】常用命令
    【CentOS7】SCP服务器间传文件
    【CentOS7】目录统计du命令
    【CentOS7】安装GraphicsMagick
    【Nginx】限流配置
  • 原文地址:https://www.cnblogs.com/evident/p/11285803.html
Copyright © 2011-2022 走看看