外部样式表: 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。link 标签在（文档的）头部：head link rel="stylesheet" type="text/css" href="mystyle.css" / /head浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。
成都创新互联成都网站建设按需设计，是成都网站营销推广公司,为自拌料搅拌车提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站推广热线：028-86922220
内部样式表: 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 style 标签在文档头部定义内部样式表，就像这样:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}
内联样式: 由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。要使用内联样式，你需要在相关的标签内使用样式（style）属性。
css应尽量避免内联样式，js也同理。
对开发者来说，样式与html分离，有助于后期更改一个新的样式（也可以说新的主题，很多ui框架都是直接切换主题的）
对浏览器来说，样式文件由于是单独文件，可以在本地建立一个缓存，有利于加快访问网页。
对服务器来说，如果样式文件浏览器减少加载，那么服务器就可以减少下载流量，可以节约服务器带宽。
虽然这些东西，对于一个用户来说是微不足道的，但是当数量级达到一定程度，一个字节的流量都是十分重要的
有两种可能
第一个、添加了行内样式，如果标签内添加了行内样式的css内联或外联样式中的对应属性无效；
第二个、优先级即权重导致，内联样式id选择器类选择器元素选择器
举例：
#box p span em{xxx} 100+1+1+1
#box .txt em{xxxxx} 100+10+1
div id="box"
p class="txt"
em文字/em
/p
/div
上面两个在具有相同样式的情况下只显示第二个里面的，第一个里面的相同样式无效
HTML优点和缺点
优点：1.简单易学2.结构与缺陷浏览器也能读得懂
缺点：1.杂乱的结构，可读性低2.只能对文本进行排版，而且HTML样式使用标准文本标识，不能创建一些特殊效果
CSS优点和缺点
优点：1，CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容
2，个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性
3，使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量
缺点：1.浏览器支持的不一致性 2.CSS没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性
行间样式，p style="color:red;"adfdfa/p，如果是改一个两个P标签还算好，复制一下，如果是几十个P标签呢，要换颜色，那得复制几十次，这代码是不是就多了起来了，性能肯定会有所下降吧，并且复制这么多次也是很麻烦的不是吗？
css无所谓方法不方法的，只是调取方式不一样而已，
分别是
外部样式：将网页链接到外部样式表。
内页样式：在网页上创建嵌入的样式表。
行内样式：应用内嵌样式到各个网页元素。
通常都是采用外部样式，也就是把css样式写在样式表里，然后调取样式表获取样式，这几个方法不分优劣，采用外部样式主要是为了精简页面代码量
内页样式与外部样式差不多，相当于把样式表写在页面上了，这个方法容易增加页面代码量
而行内样式通常不推荐，一般作用主要是用于优先样式，这个样式是优先调取的，比如一个页面同时都用了3种方法，都设置了同一种css属性的不同值，那么行内样式是优先调取的，页面以这个样式为准