在网页中css有什么作用

css的作用是：1、主要用来设计网页的样式，美化网页；2、能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式；3、对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

css的作用：

css（Cascading Style Sheets，层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。

CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

在css进入前端语言之前，很多一部分人都把css当做一种前端语言，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。

使用CSS的优点

CSS的最大优点是它允许将样式和布局从文档的内容中分离出来。这里有一些更多的优点，为什么我们应该开始使用CSS呢？

1、CSS节省大量时间

CSS为设置元素的样式属性提供了很大的灵活性。您可以编写一次CSS；然后可以将相同的代码应用于HTML元素组，也可以在多个HTML页面中重用。

2、 易维护

CSS提供了一种简单的方法来更新文档的格式，并保持多个文档之间的一致性。因为可以使用一个或多个样式表轻松控制整个网页集的内容。

3、页面加载速度更快

CSS使多页能够共享格式信息，从而减少了文档结构内容的复杂性和重复性。它显着地减少了文件传输的大小，从而导致了更快的页面加载。

4、HTML的高级样式

CSS比HTML具有更广泛的表示能力，并且对网页的布局提供了更好的控制。因此，与HTML表示元素和属性相比，您可以更好地查看您的网页。

5、多设备兼容性

CSS还允许为多种设备或媒体优化网页。使用CSS，可以为不同的呈现设备(如桌面、手机等)以不同的查看样式表示相同的HTML文档。

html引用css方法如下

1、直接在HTML标签中内嵌css样式

2、html中使用style自带式

3、使用@import引用外部CSS文件

4、使用link引用外部CSS文件 推荐此方法

方法说明：

1、直接在html标签元素内嵌入css样式

我是div css测试内容

效果如下图

1.jpg

2、在html头部head部分内style声明插入

代码如下：

<!--

.ceshi {font-size:14pxcolor:#FF0000}/*这里是设置CSS的样式内容*/

-->

我是div css测试内容

效果同上。

3、使用@import引用外部CSS文件方法

HTML代码：

css引用方法实例

<!--

@import url(wcss.css)/*这里是通过@import引用CSS的样式内容*/

-->

我是div css测试内容

Wcss.css文件内代码.ceshi {font-size:14pxcolor:#FF0000}

4、使用link来调用外部的css文件

在head放置

来调用外部的wcss.css文件来实现html引用css文件

此方法就不需要style标签，而是直接通过link一个样式来引用外部样式，一般推荐使用link来引用外部的css样式方法。

HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：

1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。

2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。

3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因

Div+CSS

标准具有以下优点

1、缩减代码，提高页面浏览速度。

采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而大大缩减页面代码，提高页面浏览速度。

2、结构清晰，对搜索引擎更加友好。

更容易被搜索引擎收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。

3、支持各种浏览器，兼容性好。

符合web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同的浏览器中效果差距很大的情况。

4、简单的修改，缩短改版时间。

因为网站的布局都是通过外部的css文件来控制，只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个

CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

5、强大的字体控制和排版能力。

CSS控制字体的能力比糟糕的FONT标签好多了，CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。

6、使用CSS可以结构化HTML，提高易用性。

例如：

p标签只用来控制段落

h1-h6标签只用来控制标题

table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

7、更好的扩展性。

你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint等。

8、更灵活控制页面布局。

通常页面的下载是按照代码的排列顺序，而表格布局代码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，比如将重要的右边内容先加载出来。

9、表现和内容相分离，干净利落。

将设计部分剥离出来放在一个独立样式文件中，而网页主要来放置您的内容，你可以减少未来网页无效的可能。

10、更方便搜索引擎收录，并获得更高的评价。

用只包含结构化内容的HTML代替嵌套的标签，主次分明，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。

11、优化了表结构。

Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。

而Div 更能体现样式和结构相分离，结构的重构性强。Table表格布局灵活性不大，你只能遵循

table tr td 的格式。而div你可以div ul li 也可以ol li 还可以 ul li......

12.更快加载带有图片的页面。

以前一些必须通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

---