HTML-CSS文件链接HTML的三种方式
2024-10-19 12:44:27
<!--css文本的链接方式有三种:分别是内联定义、链入内部css、和链入外部css-->
<!--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.代码为:-->
<!--<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.代码为:-->
<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前面要加一个.
最新文章
- sysbench 压力测试
- Unix时间戳
- uva 11357 Matches
- svn tree conflicts 解决方法
- php实时输出内容能够
- 现代福尔摩斯 - Oxygen Forensic Suite
- Basic knowledge of javaScript (keep for myself)
- BZOJ 2753 [SCOI2012] 滑雪和时间胶囊 最小生成树
- 《how to design programs》14章 再论自引用数据
- Kali Linux 常见问题解答
- VC socket Connect 超时时间设置
- 模块中为什么要加__name__ == ";__main__";
- htpasswd 命令详解
- 《CSS世界》读书笔记(四)--宽度分离
- 涨姿势:深入 foreach循环
- bzoj千题计划302:bzoj3160: 万径人踪灭
- 25. Spring Boot与缓存 JSR-107、Spring缓存抽象
- Win10无法使用内置管理员用户打开edge解决方案
- 报表系统OLAP
- spring---aop(6)---Spring AOP中ProxyFactoryBean介绍