css文件链接html的三种方式

野性酷女 2022-08-26 15:36 220阅读 0赞

<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文件在同一个文件夹。

其代码为：

#p1
    {
    	border:2px;
    	color:red;
    }
    
    #p2
    {
    	border:2px;
    	color:blue;
    }
    
    .p3
    {
    	border:2px;
    	color:red;
    }

在css中

id前面是要加一个\#

class前面要加一个.

发表评论取消回复

表情：

评论列表（有 0 条评论，220人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML设置标签的CSS三种方式

*第一种:用cssText** div.style.cssText='width:600px;height:250px;border:1px red solid...

迷南。/ 2024年04月17日 05:42/ 0 赞/ 72 阅读

相关【css】css的三种引入方式

1.行内式  <div style="width: 100px;height: 50px;backgr

约定不等于承诺〃/ 2022年11月26日 08:39/ 0 赞/ 247 阅读

相关 HTML引入css样式的三种方式，css选择器的三种样式

文章目录前言一. css样式的三种方式第一种：内联定义方式第二种：样式块

青旅半醒/ 2022年10月05日 00:53/ 0 赞/ 258 阅读

相关 css文件链接html的三种方式

<!--<html>

野性酷女/ 2022年08月26日 15:36/ 0 赞/ 221 阅读

相关 HTML与Javascript链接方式

HTML与Javascript链接通过在<script></script>中直接编写 <!DOCTYPE html> <html>

港控/mmm°/ 2022年06月16日 10:26/ 0 赞/ 223 阅读

相关 HTML与CSS的链接方式

HTML与CSS的链接方式分类：一.行内式直接在标签后面添加该标签的属性值例如: <table bgcolor="black" cellspac

r囧r小猫/ 2022年06月16日 01:41/ 0 赞/ 191 阅读

相关导入CSS的三种方式

文章目录 1 行内方式 2 内部样式表 3 外链方式 3.1 链接式 3.2 导入式

小鱼儿/ 2022年03月06日 09:56/ 0 赞/ 351 阅读

相关 CSS链接HTML的方式有哪些

CSS连接到html的方式有：直接在标签内写CSS样式；通过style在头部直接写入CSS；通过link外部链接一个CSS文件；接入多个CSS文件时通过url来实现。学习

待我称王封你为后i/ 2022年02月03日 10:47/ 0 赞/ 359 阅读

相关 HTML+CSS：三种css的引入方式，内链式、嵌入式、外部式

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dla

Dear 丶/ 2021年09月18日 15:44/ 0 赞/ 665 阅读

相关插入CSS的三种方式

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式内联式：就是把css代码直接写在现有的HTML标签中，适用于当特殊的样式需要应用到个别元...

亦凉/ 2021年05月03日 16:13/ 0 赞/ 608 阅读