<!--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. spring下载和安装

    下载和安装Spring请按例如以下步骤进行.   (1)登录网站,下载Spring的最新稳定版本号.最新版本号为spring-framework-4.0.建议下载spring-framework-sp ...

  2. DRUPAL性能优化【转】

    1.启用memcache代替Mysql的缓存表处理缓存数据. 2.添加一个opcode缓存可以让 PHP能够重用前面编译过的代码,这样就会跳过解析和编译.常见的opcode缓存有Alternative ...

  3. JBOSS整套开发组件整合和配置方法

    http://blog.csdn.net/laigood/article/details/5743712主要是集成jboss,jboss esb,jboss portal,jboss seam,jbo ...

  4. https://github.com/CocoaPods/CocoaPods/search?q=No+such+file+or+directory报错解决方式

    ――― MARKDOWN TEMPLATE ――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― ### Command ``` /U ...

  5. CORS解决WebApi跨域问题(转)

    CORS全称Cross-Origin Resource Sharing,中文全称跨域资源共享.它解决跨域问题的原理是通过向http的请求报文和响应报文里面加入相应的标识告诉浏览器它能访问哪些域名的请求 ...

  6. atom搭建markdown环境及问题

    1. 搭建markdown环境 > 禁用atom自带的markdown-preview插件(功能简单) > 安装插件:markdown-preview-plus@2.4.16(在markd ...

  7. laravel的表单验证（下面有些信息未验证，转的）

    后台写法: 1.1类的方法 $rules = [ 'email'=>'required|between:4,20', 'password'=>'required|between:6,20' ...

  8. Codeforces Round #265 (Div. 2) B. Inbox (100500)

    Over time, Alexey's mail box got littered with too many letters. Some of them are read, while others ...

  9. [svc]tomcat在win+eclipse上部署/及虚拟主机配置/http302

    tomcat也可以称为catalina catalina_home就是tomcat安装路径:D:\Program Files\apache-tomcat-8.0.36\bin windows下安装to ...

  10. 为什么 Objective-C 很难

    转自:http://www.oschina.net/question/213217_41058 作为一个Objective-C的coder,我总能听到一部分人在这门语言上抱怨有很多问题.他们总在想快速 ...