嵌入式css样式-弹指间学会HTML+CSS-PHP中文网教程

嵌入式css样式

嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色：

<style type="text/css">
span{
color:red;
}
</style>

嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如右边编辑器中的代码。

嵌入式则将对页面中各种元素的设置集中写在<head>和</head>之间，对于单一的网页，这种方法很方便。但是对于一个包含很多页面的网站，如果每个页面都以内嵌方式设置各自的样式，就失去了CSS带来的巨大优点，因此一个网站通常都是编写一个独立的CSS样式表文件。

新建文件

                    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
</head>
<body>
 <p>11，<dazi>我变大了</dazi>、你大便了；<span>蓝色的</span>，111、<xxx>红色的</xxx>。其他都是绿色的！</p>
</body>
</html>                

提交重置代码

自动运行

全屏

暂无课件

取消回复发送

取消发布笔记发送

嵌入式css样式

全部评论我要评论

全部笔记发布笔记