<!--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. CXF 调用方式——动态创建客户端（调用稳定版本号为2.7.18）

    今天用动态创建客户端的方式调用webservice,报了这样一个错: 2017-01-05 20:51:46,029 DEBUG main org.apache.cxf.common.logging. ...

  2. nutch中bin/crawl和bin/nutch crawl的用法(转)

    针对上一篇文章中出现的问题:Command crawl is deprecated, please use bin/crawl instead错误信息,今天在官网上查阅了一下,进行了总结. 官网lin ...

  3. 网站缓存技术（Redis、Memcached、Ehcache）

    Redis 是什么? 通常而言目前的数据库分类有几种,包括 SQL/NSQL,,关系数据库,键值数据库等等等. 分类的标准也不一,Redis本质上也是一种键值数据库的,但它在保持键值数据库简单快捷特点 ...

  4. mongodb进阶三之mongodb管理

    http://blog.csdn.net/stronglyh/article/details/46827141 平时的开发环境win比較多啊,但生产环境要放到unix环境上 一:命令 安装就不少了,网 ...

  5. unity3d移动及键鼠状态

    gameObject的transform属性可以进行位置.旋转.大小的设置 位置:position,Translate(),位置的移动 旋转:rotate 大小:localScale Vector3内 ...

  6. visual studio 2017无建模项目？

    教一跨行同事学C#,我想从基础的讲一下,也就是最基本的面象对象分析与设计(OOAD),我直接打开我最新安装的 visual studio 2017.准备建一个“建模项目”.结果发现死活找不到?打开一个 ...

  7. Sql學習資源

    http://blog.csdn.net/wltica/article/category/1324738/1 SQL Server 整体方案系列: 1. SQL Server 数据归档方案 2. SQ ...

  8. 用verilog表示两个4x4矩阵的乘法运算？及单个矩阵的求逆

    input[63:0] A0, //A0表示A矩阵的第一行 其中A0[63:48] A0 [47:32] A0[31:16] A0 [15:0]分别表示第一行中的四个元素(每个元素16位表示),下同i ...

  9. [elk]elastalert邮箱告警

    本次要完成以下任务: 1.源码包安装elasticalert 2.配置邮箱报警 原则: 先很快的通过alert报警发一份邮件,其次了解alert配置文件各个选项 源码安装elasticalert 参考 ...

  10. java使用lambda表达式对List集合进行操作(JDK1.8)

    1. 使用lambda表达式对List集合进行操作(JDK1.) List<TreeDto> collect = list.stream().filter(item -> item. ...