CSS嵌入到HTML

来源：互联网发布：linux如何复制目录编辑：程序博客网时间：2024/05/16 07:33

CSS几种嵌入方式总结：

行内嵌入方式：如

<html>

<head><title>hangneiqianru</title></head>

<body>

<p style=”background-color:#ffff00;”>这句话是用了行内嵌入，显示颜色是黄色<p>

</body>

</html>

内部嵌入样式表：如

<html>

<head>

<!—p{background-color:#ffff00;}-->

</head>

<body>

<p>这句话使用了内部嵌入，显示颜色是黄色的</p>

</body>

</html>

外部嵌入样式表：如

<html>

<head><title>waibuqianru</title>

</head>

<body>

<p>这句话应用了文件之外的另一个文件style.css文件，显示颜色是黄色</p>

</body>

</html>

这里有一个基本格式：<link rel=”stylesheet”type=”text/css” href=URL>

导入样式表：如

<html>

<head><title>daoru</title>

<!—@import url(style.css)-->

</head>

<body>

<p>这是一个导入的例子，字体颜色为黄色</p>

</body>

</html>

附件：style.css

p{background-color:#ffff00}