<!--css文本的链接方式有三种：分别是内联定义、链入内部css、和链入外部css-->

<!--1.代码为：-->

  1. <!--<html>
    
    <head>
    
        <title>内联定义</title>
    
    </head>
    
    <body>
    
        <p style="border:2px solid #000000">内联定义</p>
    
        <p style="color:red">内联定义</p>
    
        <p style="font-size:12px">内联定义</p>
    
    </body>
    
</html>-->

<!--2.代码为：-->

  1. <!--<html>
    
    <head>
    
        <title>链入内部css</title>
    
        <style type="text/css">
    
            #myid
    
            {
    
                width:200px;
    
                height:300px;
    
                color:red;
    
            }
    
            .myclass
    
            {
    
                width:200px;
    
                height:300px;
    
                color:red;
    
            }
    
        </style>
    
    </head>
    
    <body>
    
        <p id="myid">链入内部css</p>
    
        <p class="myclass">链入内部css</p>  

    </body>
    
</html>-->

<!--3.代码为：-->

  1. <html>
    
    <head>
    
        <title>链入外部css</title>
    
        <link type="text/css" rel="stylesheet" href="style.css"/>
    
    </head>
    
    <body>
    
        <p id="p1">链入外部css</p>
    
        <p id="p2">链入外部css</p>
    
        <p class="p3">链入外部css</p>
    
    </body>
    
</html>   

代码3的style.css是和你的html文件在同一个文件夹。

其代码为：

  1. #p1
    
{
    
    border:2px;
    
    color:red;
    
}  

#p2
    
{
    
    border:2px;
    
    color:blue;
    
}  

.p3
    
{
    
    border:2px;
    
    color:red;
    
}

在css中

id前面是要加一个#

class前面要加一个.

HTML-CSS文件链接HTML的三种方式的更多相关文章

  1. css文件引人的三种方式

    前言 1995年,W3C发布了CSS草案 1996年,W3C正式推出CSS1 1998年,推出CSS2 2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分 ...

  2. php 链接mysql的三种方式对比

    PHP连接Mysql的三种方式: 1.原生的连接方式  原生的连接方式是面向过程的写法 <?php $host = 'localhost'; $database = 'test'; $usern ...

  3. 用python查看文件是否存在的三种方式

    目录 1.使用os模块 判断文件是否可做读写操作 2.使用Try语句 3. 使用pathlib模块 正文 通常在读写文件之前,需要判断文件或目录是否存在,不然某些处理方法可能会使程序出错.所以最好在做 ...

  4. ListView适配器获取布局文件作为View的三种方式

    第一种方法: public View getView(int position, View convertView, ViewGroup parent) { View view = null; if ...

  5. jdbc链接数据库的三种方式

    /** * jdbc连接数据库 * @author APPle * */ public class Demo1 { //连接数据库的URL private String url = "jdb ...

  6. python文件上传的三种方式

    def upload(request): return render(request, 'upload.html') def upload_file(request): username = requ ...

  7. java jdbc/ojdbc 链接oracle的三种方式

    方法一:使用service_name 连接oracle  jdbc:oracle:thin:@//:/<service_name> 例如: jdbc:oracle:thin:@//10.1 ...

  8. log4net 控制台和文件和数据库输出三种方式

    1.新建console应用项目SendEvaluateDataToProvinceConsole 2.选择SendEvaluateDataToProvinceConsole项目右键 选择 管理NuGe ...

  9. 三种方式上传文件-Java

    前言:负责,因为该项目他(jetty嵌入式开始SpringMvc)实现文件上传的必要性,并拥有java文件上传这一块还没有被曝光.并 Http 更多晦涩协议.因此,这种渐进的方式来学习和实践上载文件的 ...

随机推荐

  1. 操作系统CPU调度知识点

    1.进程基本概念:进程是程序的一次运行. 是系统进程资源分配和调度的基本单位. 2.进程三态:运行状态.就绪状态.堵塞状态.三态转换规则,就绪状态的进程因为调度进程运行状态,运行状态因为时间片用完而进 ...

  2. Visual studio之C# 串口通讯SerialPort

    背景 App需要串口进行通讯,在此做个记录和简要说明. 正文 添加命名空间 using System.IO.Ports; 实例化串口 SerialPort serialPortO = new Seri ...

  3. json servlet通信 显示数据

    servlet //输出JSON格式的省份信息 @WebServlet("/ServletDemo1") public class ServletDemo1 extends Htt ...

  4. CSS3实现文字扫光效果

    本篇文章由:http://xinpure.com/css3-text-light-sweep-effect/ CSS3 实现的文字扫光效果,几乎可以和 Flash 相媲美了 效果解析 我们分析一下实现 ...

  5. glassfish3操作命令

    glassfish3操作命令   启动:C:\Java\glassfish\bin>asadmin start-domain domain1 停止:C:\Java\glassfish\bin&g ...

  6. Android横竖屏布局总结

      Android横竖屏要解决的问题应该就两个:一.布局问题;二.重新载入问题. 1.布局问题:如果不想让软件在横竖屏之间切换,最简单的办法就是在项目的 AndroidManifest.xml中找到你 ...

  7. C++ - 派生类强制转换为基类

    派生类强制转换为基类 本文地址: http://blog.csdn.net/caroline_wendy/article/details/24268821 在多态的使用时, 派生类的指针或引用能够转换 ...

  8. 【转载】Hibernate 关联关系

    http://www.cnblogs.com/whgk/category/910622.html

  9. 可能是最通俗易懂的 Java 位操作运算讲解

    https://blog.csdn.net/briblue/article/details/70296326

  10. HDU 3682 水模拟

    n*n*n的图形,m条线,每条线上的方格被删除.问一共删除了多少个方格 ans=m*n .然后推断一下直线相交的交点.去重就可以 #include "stdio.h" #inclu ...