html引入css有几种方式,HTML中引入CSS有哪几种方式？link方式和@import方式引入css有什么区别？推荐哪种方式？...

1. 通过``标签引用

```

Document

```

2. 通过CSS语法@import引入

放在style标签或者CSS文件中;

@import必须放在CSS文件开头;

语法后面的分号必不可少;

```

Document

@import url("index.css");

@import url('index.css');

@import url(index.css);

@import 'custom.css';

@import "common.css";

@import url('landscape.css') screen and (orientation:landscape);

```

- 推荐哪种方式？

``是HTML的标签，在页面上代表一个元素，可以被JS选中修改；@import是CSS的语法，JS无法操控

两个link标签，文件会并行加载。一个link的CSS里包含一个@import，文件串行加载会更慢。

因此推荐用``。

3. 内部样式

将CSS放在页面`

style标签可以放在head里，也可放在body内任意地方

```

标准表格

table {

border-collapse: collapse;

width: 400px;

}

```

4. 内联样式

不推荐，但在某些情况下也有用

```

CSS

```

废弃的引入方式:属性样式

已废弃，尽量不用

``