css的使用，html+css
老铁们，大家好，相信还有很多朋友对于css的使用和html+css的相关问题不太懂，没关系，今天就由我来为大家分享分享css的使用以及html+css的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！
CSS的使用方法
有三种方法可以在站点网页上使用样式表：外联式Linking（也叫外部样式）：将网页链接到外部样式表。嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。其中，优先级：内联式>嵌入式>外联式当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS属性。以下实例显示出如何改变段落的颜色和左外边距。<pstyle=color:red;margin-left:20px>Thisisaparagraph</p>
如何使用CSS
如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id"和"class"选择器。
id选择器可以为标有特定 id的 HTML元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS中 id选择器以"#"来定义。
以下的样式规则应用于元素属性 id="para1":
实例
#para1
{
text-align:center;
color:red;
}
ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox浏览器中不起作用。
class选择器
class选择器用于描述一组元素的样式，class选择器有别于id选择器，class可以在多个元素中使用。
class选择器在HTML中以class属性表示,在 CSS中，类选择器以一个点"."号显示：
在以下的例子中，所有拥有 center类的 HTML元素均为居中。
实例
.center{
text-align:center;
}
你也可以指定特定的HTML元素使用class。
在以下实例中,所有的 p元素使用 class="center"让该元素的文本居中:
实例
p.center{
text-align:center;
}
类名的第一个字符不能使用数字！它无法在 Mozilla或 Firefox中起作用。
在网页中使用css的几种方式
（1）使用Embed（嵌入样式单）排版样式：
即将CSS代码直接插入每个页面的HTML的<head>区，就象上一节看到的。使用<style>...</style>标签。例如：
<style type="text/css">
<!--
h2{ font-family:"宋体"; font-size: 12pt; font-style: italic; color:#FF0033; background-color:#FFCCCC}
h1{ font-family:"Arial"; font-size: 12pt; color:#66FF66}
-->
</style>
（2）使用“link（外部样式单）排版样式”：
即你可以将多个页面的排版风格都用一个样式单文件控制。这个外部的样式单文件（一个扩展名是css的文本文件）将设定你所有网页的规则。如果你改变样式单文件中的某行，所有页面风格用这个css文件定义的页面都会随之改变。如果你的站点文件非常多，则这项功能就非常方便了。
在<HEAD>区内使用<LINK>标签（注意：不再是<style>标签了）：
<HTML>
<HEAD>
<LINK REL=stylesheet HREF="http：//yoursute.com/my.css"; TYPE="text/css">
</HEAD>
<body>
<h2>你好！朋友，欢迎光临Java2000的教学区。</h2>
<h1>Hello，everybody，welcome in java2000!</h1>
</body>
</html>
★☆★说明：css文件的路径用绝对路径http：//...)表示或者用相对路径(例如：../csscode/my.css)表示都可以。
然后再单独生成一个css文件，叫做my.css(随便起名)。文件内容如下：
h2{ font-family:"宋体"; font-size: 12pt; font-style: italic; color:#FF0033; background-color:#FFCCCC}
h1{ font-family:"Arial"; font-size: 12pt; color:#66FF66}
只要将这个CSS文件上传到服务器指定的目录即可。
（3）使用"inline（行内样式单）排版样式"：
inline样式单采用HTML标签的“style”属性，它的特点是“定义某一个标签的式样单风格”，只对所定义的标签起作用，并非对整个页面起作用。例如：
<p style="font-size: 14pt; color:#99ff99; font-family:宋体">层叠式样单</p>
看到的效果：
层叠式样单
使用行内样式单，你必须为每行指定样式规则，否则下一行时浏览器将使用页面的缺省设置。但是：有时候这种方式却非常有效。
（4）使用“import(输入的外部式样单)”--适用于IE浏览器。
<html>
<head>
<style type="text/css">
<!--
@import url(my.css);
-->
</style>
</head>
<body>
<h3>输入的外部式样单</h3>
</body>
</html>
关于css的使用，html+css的介绍到此结束，希望对大家有所帮助。