html+css外链式

Posted glkj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html+css外链式相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
h1background:red;
/*这是Css注释*/
pcolor:greenyellow;
divfont-size: 30px;
.onecolor: yellow;
#twofont-size: 40px;

#bgimgbackground-image:url("Demo_png.png");
</style>
<link rel="stylesheet" type="text/css" href="Demo_css.css"></link>

</head>

<body>
<h1>四川信息职业技术学院</h1>

<p>贵州赤水市</p>
<div>四川泸州<div>

<div class="one">hello world</div>
<span id="two">你好世界</span>
<!--id在该页面有且只有一个,大部分在js中使用-->
<!--class可以多次出现,css中多使用-->

<p style="color:red;">行内样式css展示</p>
<s>外链式css展示</s>

<div class="bg">背景颜色</div>
<div id="bgimg">背景图片</div> <br>

<div>演示效果</div>
<div>演示效果</div>
<div>演示效果d</div>

<span>演示效果s</span>
<span>演示效果</span>
<span>演示效果</span>

</body>
</html>

-----------------------------------------------------------------------------------------------

@charset "utf-8";
/* CSS Document */
scolor: darkorchid;
.bgwidth:100px;height:auto;background:#4EAD79;
#bgimgwidth:500px;height:500px;background:red; background-image:url("Demo_png.png");background-repeat:no-repeat; background-position: center;/*背景平铺,不平铺*/

 

以上是关于html+css外链式的主要内容,如果未能解决你的问题,请参考以下文章

demo18-css引入方式3:外链式

Vue如何引入外链css和js

HTML+CSS:三种css的引入方式,内链式嵌入式外部式

EasyClick Html UI 第九节 CSS引入方式

CSS绘图和数据存储原理

覆盖链式选择器上的 Tailwind CSS @apply 指令