13518219792
在网页中插入CSS样式表有四种方法
创新互联主要从事网站建设、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务繁昌,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
链入外部样式表
链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用link标记链接到这个样式表文件，这个link标记必须放到页面的head区内，如下：
head
……
link href="mystyle.css" rel="stylesheet" type="text/css" media="all"
……
/head
内部样式表
内部样式表是把样式表放到页面的head区里，这些定义的样式就应用到页面中了，样式表是用style标记插入的，从下例中可以看出style标记的用法：
head
……
style type="text/css"
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/style
……
/head
导入外部样式表
导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import，看下面这个实例：
head
……
style type=”text/css”
!--
@import “mystyle.css”
其他样式表的声明
--
/style
……
/head
内嵌样式
内嵌样式的使用是直接将在HTML标记里加入style参数。
p style="color: sienna;margin-left: 20px;"
这是一个段落
/p
有两种方式
1、在head标签之间添加style标签
2、直接在HTML代码里添加style属性，然后在属性里定义css代码
3、也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果
link href="css文件路径" rel="stylesheet" !--这样就可以了，尽量代码简洁--
4、下面是我的HTML代码
有四种方式，行内样式，内嵌式，链接和导入式
行内呢是在标签里直接写，比如div
style="text-align:center;
width:750px;"
内嵌是写在head/head之间，例如：style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋体";font-size:12px;
color:#000000;text-align:center}
--
/style
链接和导入没有什么太大的区别，需要简历外部CSS文件，在GW中按ctrl+n有那选项
之后在页面head/head之间加入CSS文件所在路径调用，如下，link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
1.首先打开EditPlus软件，新建一个样式表文件，写入一些样式，如下图所示。
2.接下来我们在建立一个样式表文件，在这个样式表文件中通过import属性导入上一个样式表，如下图所示。
3.然后在html中我们用link标签导入上面声明的样式文件，如下图所示。
4.接下来我们运行HTML文件，我们可以看到虽然只导入了一个样式文件，但是两个样式表的样式都加载进来了，如下图所示。
5.另外在运用import的时候一定不要放在样式下面，如下图所示，这样是不生效的。
6.最后运用import导入样式也不要忘了分号，如下图所示，忘了分号也是不生效的。
有外部式，内嵌式，行内样式。
1、外部式：
（1）用法：当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。
（2）举例：通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。
2、内嵌式：
（1）用法：当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。
（2）举例：在 MicrosoftFrontPage2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性。
3、行内样式：
行内样式就是直接把CSS代码添加到HTML的标记中，即作为HTML标记的属性标记存在。通过这种方法，可以很简单地对某个元素单独定义样式。
