如何使用外部css样式,举例说明如何导入css外部样式

内容导航：

web前端基础之css入门

css外部样式如何调用

html中css外部样式怎么写

怎么建立css外部样式文件

一、web前端基础之css入门

怎么才能让自己变优秀

css入门：

css定义：cascading style sheets

css作用：修饰美化页面

css引入方式分为3种：

1. 内部样式：在head里用style标签来写
2. 内联样式：直接在标签里用style来写
3. 外部样式：在css文件来写用link来引入（）

标签选择器：

标签选择器：可以选出所有相同的标签。

特点：不能差异化选择

div{color:green;}

类选择器：

可以选一个或者多个标签。

特点：根据需求选择

HTML文件中：

类选择器

css文件中：.nav{color:red;}

样式点定义结构类调用一个或多个开发最常用

ID选择器:

一次只能选择一个标签。

特点：每个HTML文档中的ID是唯一的，只出现一次。

HTML文件中：

ID选择器

css文件中：#nav1{color：red;}

样式#定义结构ID调用只能调用一次别人勿使用

总结：

css入门之web前端基础

二、css外部样式如何调用

css外部样式如何调用方法如下：1、直接在div中使用css样式制作div+css网页2、html中使用style自带式3、使用@import引用外部CSS文件4、使用link引用外部CSS文件
推荐此方法接下来将逐个讲解html引用css方法的例子1、直接在html标签元素内嵌入css样式，如

我是div css测试内容-支持

效果如下图2、在html头部head部分内style声明插入代码如下： 我是div css测试内容支持

文件内代码.ceshi {font-size:14px;
color:#FF0000;}效果如下图：可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。4、使用link来调用外部的css文件在head放置来调用外部的文件来实现html引用css文件详细如下图此方法就不需要style标签，而是直接通过link一个样式来引用外部样式。

三、html中css外部样式怎么写

类似于在head标签中写的样式一样然后把文件的后缀名改为*.css，在html的head中引入就可以链接外部css文件有两种方法。
一、用link标签引入二、@import方式:区别1：link是HTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：link支持使用Javascript控制DOM去改变样式；而@import不支持。
css之入门篇——推荐新手关于css样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页，什么是超文本语言（html）。
2.会使用dreamweaver等常用的网页编辑器。
dreamweaver是现今最好的网站编辑工具之一，而dreamweaver8增加的对css的支持更是你容易得来使用css，用它来给制作网页的css样式表会更简单、更方便。
本教程教你如何利用dreamweaver8在页面中加入css，你不用死记硬背的记代码标记，也不用去看很厚的css手册，你就可以轻松自如的在网页中运用css。
不过首先你要对css有一定的了解。
因此，本教程的前面4章为css理论知识，主要是对css的全面介绍，希望读者看后对css的语法、结构、应用有一个全面的了解；后面4章为dw实战，主要是教你如何利用dreamweaver8灵活运用css在网页中。
阅读此文前，你需要对html有一定的了解，并会使用dreamweaver。
二.认识css css就是cascading style sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。
网页设计最初是用html标记来定义页面文档及格式，例如标题

、段落

、表格、链接等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年w3c(the world wide web
consortium)颁布html4标准的同时也公布了有关样式表的第一个标准css1,
自css1的版本之后，又在1998年5月发布了css2版本，样式表得到了更多的充实。
w3c把dhtml(dynamic
html)分为三个部分来实现：脚本语言(包括javascript、vbscript等)、支持动态效果的浏览器(包括internet
explorer、netscape navigator等)和css样式表。
注意：css需要ie4(internet explorer 4.0)和nc4(netscape 4.0)以上的浏览器支持，有些效果需要更高版本的浏览器支持。

四、怎么建立css外部样式文件

新建一个后缀为 .css 的文件名 并在该文件内些css代码
在需要使用的页面通过 引入即可