css有几种引入方式

2 02 2 年，我刚开始接触CSS，那时候对这四种引入方式还真是懵懵懂懂。
导入式，当时我也没太明白，就是感觉有点像@import，然后放个文件名，后来才反应过来，原来是先加载HTML再加载CSS。
当时网页大了点，确实出现先空白再闪现样式的情况，挺尴尬的。

链接式，这玩意儿我记得挺清楚，就是用那个link标签，放在head里，然后写个href，指向CSS文件。
这东西现在看挺美，内容跟显示分开了，改版也方便，那时候就挺喜欢它的。

行内式，这玩意儿用得少，有时候为了做个特殊效果，或者代码少，就直接在元素里写style，当时也没觉得有什么不妥。
不过后来知道，很多公司都不推荐这样做，因为HTML里掺CSS，看着不专业。

内嵌式，这东西我记得是在head里写style标签，定义样式。
当时觉得这玩意儿挺适合那种大网站，页面大，控制精确，速度也快。
但缺点是改版麻烦，一个页面全用上了，CSS也散了，维护起来挺头疼的。

现在想想，这四种方式各有各的用，导入式和链接式是外部引入，适合大项目，行内式和内嵌式是内部定义，适合小项目或者特殊效果。
选哪种，得看具体需求和项目特点。

CSS样式表嵌入到网页中的几种方法

跟你唠唠呗，这CSS样式表的事儿，我当年做网站的时候真是踩了不少坑。

就拿我1 4 年在上海做的一个电商网站说吧，那会儿页面多了去了，几百个页面全是差不多的布局和样式。
一开始我每个页面都单独写CSS，结果改一个地方，几百个页面全得改，累死个人。
后来我想啊，不行，得找个法子统一管理。

1 . 链入外部样式表 这招最管用。
我就单独弄了个 mystyle.css 文件，把所有共用的样式都放进去，比如 hr{color:sienna}、p{margin-left:2 0px}、body{background-image:url("images/back4 0.gif")} 这些。
然后在每个HTML页面的 <head> 里面加一句 <link rel="stylesheet" type="text/css" href="mystyle.css">。
这招的好处是，后来发现一个Bug，改了 mystyle.css，所有页面样式立马更新，省事多了。
而且文件小，浏览器缓存了，加载也快。

2 . 内部样式表 有时候啊，某个页面特殊，不想用通用的样式，我就在 。
但要注意，我这有个教训，当年有个客户用的IE6 ，它居然把