<!--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. mongodb的基本语法（一）

    一.数据库常用命令 1.Help查看命令提示 help db.help(); db.yourColl.help(); db.youColl.find().help(); rs.help(); 2.切换 ...

  2. winfrom cahce 问题

    .Clear()不能随便用 .Clear()的比较没有什么意思,因为只是把DataTable清空而已,在堆中任然分配内存,一般要比较也是比较Close()方法,不过DataTable没有这个方法 至于 ...

  3. Fiddler-抓取安卓手机APP请求地址

    第一步:下载神器Fiddler,下载链接: http://fiddler2.com/get-fiddler 下载完成之后,傻瓜式的安装一下了! 第二步:设置Fiddler打开Fiddler,     ...

  4. 设置右上角的菜单button

    效果如图: 刚開始是单独做了个button.发现无法调margin,后来想到外面套一个布局 <?xml version="1.0" encoding="utf-8& ...

  5. App登录注册功能，怎样做到用户体验最佳？

    用户登录系统,可以细分为三项功能模块,分别是:登录.注册和密码找回.本文作者将结合自身经历,谈谈他在做这块的时候一些想法,主要是涉及业务流程. 登录和注册功能,不论是PC端还是移动端,大多数产品都会涉 ...

  6. SVN安装配置及安全注意事项

    两个脚本: svn遍历脚本.zip wooyun上也是已经有非常多的svn泄露网站信息的事件,有的甚至由此导致整个服务器沦陷: WooYun: [盛大180天渗透纪实]第四章.SVN猎手 (某站SVN ...

  7. jQuery中的text(),html(),val()有什么区别

    text():获取或者改变指定元素的文本html():获取或改变指定元素的html元素以及文本val():获取或者改变指定元素的value值(一般是表单元素) 以上3个都是jquery类库中的语法 第 ...

  8. 基于Java Mina 和Netty 通信框架的JT/T809转发服务器设计

    Apache MINA 是 Apache 组织的一个开源项目,为开发高性能和高可用性的网络应用程序提供了非常便利的框架. 也是Java开发者的一个福利(.NET目前还没有类似封装的这么好的基础sock ...

  9. oracle9i 精简版客户端界面没有显示实例名

    1.右击"我的电脑",选择"属性"菜单项 2.在弹出的窗口中,点击"高级系统设置" 3.在弹出的窗口中,选择"环境变量" ...

  10. linux学习笔记命令篇1---命令ls

    前言:  linux中接触最多的就是命令和文件. 命令 命令是有其格式的, 一般格式是command [option] parameter1 parameter2 [paramete3 ...]: 注 ...