加载css样式有4种
1.外部样式(外联样式)
如果css是一个外部文件，可以在你html文件的<head></head>里写上
<link href="style.css" rel="stylesheet" type="text/css" />
1
1
href=”style.css”这里可以写上你css文件的路径
这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式
2.内部样式(内嵌样式)
如果是内部样式，也可以在<head></head>里写上
<style type="text/css">
h3 { color:#f00;}
</style>
1
2
3
1
2
3
它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。
3.行内样式
还可以在html标签上直接写css样式
<p style="font-size:18px;">内部样式</p>
1
1
这种在标签内以style标记的为行内样式，行内样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
4.导入样式
@import url("public.css");
1
1
导入样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如index.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个public.css的文件中，然后在index.css中以
@import url("/public.css")
的形式链接全局样式，这样就使代码达到很好的重用性。
派生选择器 可以使一个元素里的子元素定义样式 例如： li a { font-size:14px} 就是给li下的子元素a定义一个14px号像素的字体样式 类别选择器 在html中引入css样式通常由，类别选择器 在CSS中用一个“.”点开头表示 如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用class="类别名"的方法调用： 这里是内容 类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除 还有，id选择器 在CSS中用“#”号开头表示 如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用id="类别名"的方法调用： 这里是内容 id选择器和类别选择器其实是一样的 通常id选择器仅是用来表示不重复的样式 相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段
CSS优点和缺点优点：1，CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容2，个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性3，使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量缺点：浏览器支持的不一致性
2.CSS
没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性css样式属性list-style-image ：设定列表项目符号的自定义图像。其值是一个引用图像的URL路径。
url ( url ) —— 使用绝对或相对 url 地址指定图像。