css的调用有三种方法：\x0d\x0a第一种：从页面头部调用\x0d\x0a从页面头部调用CSS是将CSS写在页面的head元素中，然后在页面中调用。其语法结构如下：\x0d\x0a\x0d\x0a选择符{属性:属性值}\x0d\x0a\x0d\x0a-------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a\x0d\x0a\x0d\x0a测试\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a------------------------------------------------------------\x0d\x0a\x0d\x0aps:这个是在头文件里面写\x0d\x0a\x0d\x0a第二种：采用链接的形式调用\x0d\x0a\x0d\x0a采用链接的形式调用CSS通常有两种方法：\x0d\x0a使用link元素\x0d\x0a使用link元素调用CSS的语法如下：\x0d\x0a\x0d\x0a-------------------------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a\x0d\x0a\x0d\x0a测试\x0d\x0a\x0d\x0a\x0d\x0a---------------------------------------------------------------------\x0d\x0a\x0d\x0a使用@import\x0d\x0a------------------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a\x0d\x0a测试\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a--------------------------------------------------------------------------\x0d\x0a\x0d\x0aps：这个也是写在头文件里面的\x0d\x0a\x0d\x0a第三种：元素中直接使用\x0d\x0a这种调用方式的写法如下：\x0d\x0a\x0d\x0a在样式中直接使用CSS，语法是使用style标签，在双引号中，样式的语法结构和独立样式表中完全相同。\x0d\x0a-------------------------------------------------------------------------\x0d\x0a\x0d\x0a例如：\x0d\x0a示例：元素中直接调用。\x0d\x0a-------------------------------------------------------------------------------css用于控制html的样式和布局。
主要分内联样式，内部样式，外部样式。
内联样式就是在html的元素里直接使用css，比如：
<p style="background-color:green">这是一个段落。</p>
这就是直接在元素中用css设置背景颜色。适用于单元素，不会影响其他元素。
内部样式则是把css放在head部分用 <style>标签来定义，比如：
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}</style>
</head>
其中body {background-color:yellow}定义了整个body的背景颜色。
p {color:blue}</style>则是定义了页面里面所有文本的文字颜色。
优点是整个html页面都能调用。
第三种则是外部样式，就是把css部分做成单独的css文件，然后再html页面里面引用，比如
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
相当于内部样式的代码部分放入mystyle.css这个文件，然后在此处引用。
外部样式最大的优点是其他html页面也能直接用link直接调用，比如你好几个页面需要类似的风格，那么把相同的布局内容放入CSS文件里面就会非常合适。
