<!--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. http://blog.sina.com.cn/s/blog_6a01140c0100wimi.html

    http://blog.sina.com.cn/s/blog_6a01140c0100wimi.html

  2. sphinx设置多属性过滤的方法(setFilter)

    需求描述 mysql中,每一个文档都有多个标签,查询时可以筛选一个标签也可以筛选同时拥有多个标签的文档. 数据示例 文档 标签   1    1,2,3,4,5   2    2,3,4,5,6   ...

  3. ［J2EE基础］初识JSP和Servlet

    近期须要用到J2EE,就開始学习与J2EE相关的知识了. JSP是一种Javaserver端技术,它用于在网页上显示动态内容. Tomcat相关知识 JSP的运行过程 JSP的页面构成元素 JSP的凝 ...

  4. unity, editable mesh

    一,需求 从fbx载入的模型是不可以在unity里编辑的. 我有一人特殊的需求就是想在unity里为mesh的各顶点K动画. 于是需要自己实现一个可编辑(其实只是顶点可以拖动)的mesh. 二,思路 ...

  5. unity, change shader for me and all my children

    public void changeShaderForMeAndAllMyChildren(){ Transform[] childrenTransformList = GetComponentsIn ...

  6. window下安装Node.js NPM

    一.安装Node.js 下载地址:http://nodejs.org/download/ 1..msi文件,直接安装,包括了npm,结束. 2..exe文件,把node.exe所在主目录,加入到系统P ...

  7. Redis 5种数据类型，2种特殊数据处理策略

    5种数据类型 String [html] view plaincopy 1.String   经常使用命令:   除了get.set.incr.decr mget等操作外,Redis还提供了下面一些操 ...

  8. Linux学习一

    1.Linux的优缺点: 长处: 稳定的系统 免费或少许费用 安全性,漏洞的高速修补 多任务,多用户 用户与用户的规划 相对不耗资源的系统 适合须要小内核的嵌入式系统 整合度佳且多样的图形用户界面 缺 ...

  9. 点滴积累【C#】---使用log4net组件记录错误日志（以文本形式记录）

    效果: 描述: 利用log4net组件进行错误日志的记录,log4net记录错误的方式我所了解的有4种,No.1 文本形式记录日志,No.2存储到数据库形式记录日志,No.3控制台控制显示日志,No. ...

  10. Android Training - 使用IntentService运行任务(Lesson 2 - 发送任务给IntentService)

    写在http://hukai.me/blog/android-training-18-running-background-service-lesson-2/