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

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

    1. <!--<html>
    2.     <head>
    3.         <title>内联定义</title>
    4.     </head>
    5.     <body>
    6.         <p style="border:2px solid #000000">内联定义</p>
    7.         <p style="color:red">内联定义</p>
    8.         <p style="font-size:12px">内联定义</p>
    9.     </body>
    10. </html>-->

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

    1. <!--<html>
    2.     <head>
    3.         <title>链入内部css</title>
    4.         <style type="text/css">
    5.             #myid
    6.             {
    7.                 width:200px;
    8.                 height:300px;
    9.                 color:red;
    10.             }
    11.             .myclass
    12.             {
    13.                 width:200px;
    14.                 height:300px;
    15.                 color:red;
    16.             }
    17.         </style>
    18.     </head>
    19.     <body>
    20.         <p id="myid">链入内部css</p>
    21.         <p class="myclass">链入内部css</p>  
    22.  
    23.     </body>
    24. </html>-->

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

    1. <html>
    2.     <head>
    3.         <title>链入外部css</title>
    4.         <link type="text/css" rel="stylesheet" href="style.css"/>
    5.     </head>
    6.     <body>
    7.         <p id="p1">链入外部css</p>
    8.         <p id="p2">链入外部css</p>
    9.         <p class="p3">链入外部css</p>
    10.     </body>
    11. </html>   

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

其代码为：

    1. #p1
    2. {
    3.     border:2px;
    4.     color:red;
    5. }  
    6.  
    7. #p2
    8. {
    9.     border:2px;
    10.     color:blue;
    11. }  
    12.  
    13. .p3
    14. {
    15.     border:2px;
    16.     color:red;
    17. }

在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. 【LeetCode】- Search Insert Position（查找插入的位置）

    [ 问题: ] Given a sorted array and a target value, return the index if the target is found. If not, re ...

  2. c++继承总结

    继承 1)继承是面向对象程序设计实现软件重用的重要方法.程序猿能够在已有基类的基础上定义新的派生类. 2) 单继承的派生类仅仅有一个基类.多继承的派生类有多个基类. 3) 派生类对基类成员的訪问由继承 ...

  3. PHP 导出 CSV 文件用 Excel 打开出现中文乱码

    本篇文章由:http://xinpure.com/php-export-csv-file-opened-by-excel-appear-garbled/ 乱码情况 写了一段导出 CSV 文件的代码,可 ...

  4. 基于easyui fom分组插件

    本插件适用于表单按属性分组,可以动态设置显示的列数,每一个表单宽度,表单类型,以及对齐.不同panel之间的表单也是对齐的. 效果: 依赖:jquery ,easyui, 实现过程:整个控件一个pan ...

  5. easyui treegrid增、删、改及批量保存

    treegrid添加新行和删除行的方法: 添加和删除直接调用这两个方法即可,修改的方法有点特殊,treegrid没有提供update方法,设置行为编辑状态,$('#obj_tgd_objectlist ...

  6. C#指南，重温基础，展望远方！（6）C#类和对象

    类是最基本的 C# 类型. 类是一种数据结构,可在一个单元中就将状态(字段)和操作(方法和其他函数成员)结合起来. 类为动态创建的类实例(亦称为“对象”)提供了定义. 类支持继承和多形性,即派生类可以 ...

  7. Ubuntu13.04使用Jlink和ST-Link V2烧写STM32F1x和STM32F4x

    近期做研究openpilot和crazyflie2.0,都须要在Linux进行代码的编写和烧录,所以研究了下Linux下如何使用Jlink,还有开源的支持多个仿真器的openocd,可是困难重重.总是 ...

  8. Rabbitmq消息队列（三） 工作队列

    1.简介 默认来说,RabbitMQ会按顺序得把消息发送给每个消费者(consumer).平均每个消费者都会收到同等数量得消息.这种发送消息得方式叫做——轮询(round-robin). 工作队列(又 ...

  9. Freeswitch中文用户手册(第四章 SIP)----2

    通过 B2BUA 呼叫 在真实世界中,bob 和 alice 肯定要经常改变位置,那么它们的 SIP 地址也会相应改变,并且,如果他们之中有一个或两个处于 NAT 的网络中时,直接通信就更困难了.所以 ...

  10. MVC & Entity Framework（2）- controller、Models单独DLL

    继上一篇MVC & Entity Framework(1)- 开发环境之后,已经很久没更新了.接下来记录一下怎么把MVC中的controller单独拆为一个类库,然后在web项目中引用.另外, ...