网页设计如何添加css-如何调出css-连接css方法

网页添加css有三种方法，分别为行内式(使用style属性，在特定的HTML标签内使用)、内嵌式(style标签把css代码放在特定页面的head部分中)、外联式(使用link标签，将外部css文件链接到HTML中)。

1、行内式

使用style属性在特定的HTML标记内设置CSS样式。

建议不要使用内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使用内联CSS，管理网站可能会变得十分困难。但是，它在某些情况下很有用。例如，在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。

2、内嵌式

内嵌css样式就是把css代码放在特定页面的部分中。内嵌CSS需要放在标签之间。

类和ID可用于引用CSS代码，但它们仅在该特定页面上处于活动状态。每次页面加载时都会下载以这种方式嵌入的CSS样式，这样可以提高加载速度。

在某些情况下使用内嵌样式表很有用，比如：向某人发送页面模板，因为一切都在一个页面中，所以看到预览要容易得多。

3、外联式

外联式就是使用link标签元素将外部CSS文件(.css文件)引用到HTML页面中，引用需要放在页面的部分中。

这是将CSS添加到html页面上最方便的方法。这样，您对外部CSS文件所做的任何更改都将反映在你的网站上。

1、外部样式表调用

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

外部样式表就是写在外部文件的css样式，在HTML网页中通过link标签调用。

2、内部样式表调用

当单个文件需要特别样式时，就可以使用内部样式表。

3、内联样式调用

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

内联样式是直接写在HTML标签内的，不需要调用。

1、直接在div中使用css样式制作div+css网页。

说明：html引入css文件的这种方法不建议使用，因为会让页面的标签很多，看起来很累赘，体现不了css的优势，当然如果你非常想用这种方法，在不经常更改的地方可以用一用，但是还是不推荐。

2、html中使用style自带式。直接在header 里面写css。

说明：html引入css文件的这种方法适合在页面较少的情况下使用。优点：速度 快，所有的css控制都是针对本页面标签的，没有多余的css命令;再者不用外链css文件。

直接在html文档中读取样式。缺点如果页面较多改版会很麻烦，单个页 面显得臃肿，css不能被其他html引用造成代码量相对较多，维护也麻烦些。

但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进 行复杂的维护工作。

3、使用@import引用外部CSS文件。将一个独立的.css文件引入HTML文件中，导入式使用css规则引入外部css文件，