css代码可以内嵌也可以外链。内嵌就是将css直接写在html标记中，大约卜察在2008年以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点，就是html标记与css代码混合在一起，页面代码看起来比较混乱、吃力，结构不太清晰，后期如果有修改就会很费劲；规范为外链后，代码美观易懂、脉络清晰，方便二次修改。外链css，就是将css从判则html标记中分离出来，集中到一个或多个css页面，再根据需要，调用相关css文件进行指定样式表。
CSS样式表
内嵌css的方式：在html标记中添加属性“style”，设置相关属性值。如：“
带你走进科技大世界。
”就是给“带你走进科技大世界。”这段文字设置的字体大小为12px。内嵌CSS样式
外链css方式：建一个css文件，样式集中写在该文件中，在所需页面调用就行了。方法是在“”标记中添加“”，其中“xxx”为路径，“cssName.css”为文件名。外链设置好后，在标记中通过“class”或“id”进行调用，如“
”或\"
\"，这时候样式表中被命名为“toptxt”的样掘弊棚式就应用到这个“”标记中了。样式表中“class”和“id”的写法不一样，“class”前面加“.”，“id”前加“#”。
调用CSS文件
下面来说说使用“class”和“id”的区别，二者之间最大的区别是“class”名称在同一个页面中可以重复使用，而“id”名称是独一无二的。“class”本身就是用来调用样式的，一个页面中有同一个样式效果很正常，用“class”方便省事也更合理。“id”相当于人名，不允许重复出现。因为“id”不仅可用于样式，在写JavaScript时通常也要用“id”指定块。
(1)、将样式表置入 HTML 文件头部:<!--
H1 {color: green font-family: impact}
P {background: yellow font-family: courier}
-->
(2)、将一个外返悉部样式表定义文件链接到 HTML 文件上:
文件 mystyles.css 的内容如下:
H1 {color:green font-family:impact}
P {background:yellow font-family:courier}
(3)、漏亩乎将一个外部样式表定义文件输入到 HTML 文件中:
<!--
@import url(company.css)
H1 { color: orange font-family: impact}
-->
其中 company.css 文件内容如下：
H1{color:green font-family:times}
P{background:yellow font-family:courier}
(4)、将样式表加入到 HTML 文件行中:
如：
(注意：如果一个网页中同时耐隐使用了以上 4 种方法，那么
它们的优先级从高到低是 4-3-2-1。)
三种方式：
1、第一种行内样式，也就是给标签添加style属性，例子如下
<div style="width:100pxheight:100px"></div>2、第二种，直岁返接写在html页面中的style标签中，例子如下，
<div class="box"></div><style>
.box{
width:200px
font-size:14px
乎世饥 color:red
返闷 }
</style>
3、第三种，使用外链css样式表，单独保存为css文件，将css样式都写入css文件中，例子如下，
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.css">//这个地方写css文件的位置
</head>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）