<head>
<link href="引入的样式路劲css" rel="stylesheet">
</head>HTML 样式表外链怎么弄
<link rel="stylesheet" type=text/css href="你的外部css文件">
这句胡加到 <head></head>中
我还真没试过，你可以试一下，给链接套一个块元素，不要设置宽高，只设置外边框，让链接的字体撑开宽高
附加样式表分为（）A内嵌样式表B外部样式表C导入式D链接式 外联式Linking（也叫外部样式）：将网页链接到外部样式表。
嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
ID选择器,以#开头，其属性直接作用于与id相符的标签。
CLASS选择器，以开头，可作用于任何标签，但需在标签中用< calss="">显示声明。
CSS与HTML文档结合的4中方法：
1 使用<link>元素链接到外部的样式文件
2 在<head>元素中使用"style"元素来指定
3 使用CSS "@import"标记来导入样式表单
4 在<body>内部的元素中使用"style"属性来定义样式
怎样将外部样式表文件链接到文档中
链入外部样式表链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个样式表文件，这个<link>标记必须放到页面的<head>区内，如下：
<head><:houdunwang/lesson>
……
<link href="mystylecss" rel="stylesheet" type=text/css media="all">
……
</head>
2 导入外部样式表导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import，看下面这个实例：
<head>
……
<style type=”text/css”>
<!--
@import “mystylecss”
其他样式表的声明
-->
</style>
……
</head>
例中@import “mystylecss”表示导入mystylecss样式表，注意使用时外部样式表的路径。方法和链入样式表的方法很相似，但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。
注意：导入外部样式表必须在样式表的开始部分，在其他内部样式表上面。
更多问题到问题求助专区:bbshoudunwang/
什么是内联式样式表，外联式样式表？
内联就是放在页面内部的样式表，外联就是与页面分离的外部样式表。
内联的直接写在页面里，外联的需要引入
制作好css,然后将它放在head区请换成你的外联样式表
<>
<HEAD>
<link href="homecss" rel="stylesheet" type=text/css>
</HEAD>
在文件外新建一个css样式表文件，并命名，然后用link标签的href属性引用，之后就在外部样式表内写样式就行
链接样式表的方法基本有三种：
1、行内样式表：使用style属性引入CSS样式。
2、内部样式表：在style标签中书写CSS代码；style标签写在head标签中。
3、外部样式表：CSS代码保存在扩展名为．css的样式表中；HTML文件引用扩展名为．css的样式表，有两种方式：链接式和导入式。
CSS（层叠样式表）介绍：
层叠样式表（英文全称：Cascading Style Sheets）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
百度百科-CSS
1内联样式：直接写在标签里面 <p style="font-size:16px"></p>
2内部样式：在head下面的style标签里面写
<head>
<title></title>
<style type="text/css">
h3{
color:green;
}
</style>
</head>
3外部样式：
先创建一个以css为结尾的文件
p{
color:red;
}
然后在其他页面引用
<link rel="stylesheet" type="text/css" href="xxxcss">
<STYLE type="text/css">
选择符 { 样式属性：取值;样式属性：取值;}
</STYLE>
外部样式表
写好了样式之后保存为后缀css的文件
再在你要引用的HTML文件的<HEAD></HEAD>标签内写上引用语句
<LINK rel="stylesheet" href="该文件的名称(包括路径)" type="text/css">
行内样式
在要加入的行的表签内写 style="同上"<link href="csscss" rel="stylesheet" type="text/css"> 链接css样式，跟在dw中链接一张外部是一样的，href是存放css的路径，rel属性用于定义连接的文件和HTML文档之间的关系，type是说明外链文档的的类型。
在html文档里面定义类或者id，在外部样式表里定义相应类或者id的样式属性就行。如在html文档里定义<div class="aa"></div>则在外部样式表里写aa {}这就可以使html文档生成效果有三种方法，第一种将css样式路径方法赋给PHP变量。然后在前段通过<link>加载样式
第二种就是直接在html中加载，
还有一种通过写成类loadClass的加载方法，通过PHP的spl_regidter_autoload(loadClass),来自动加载样式类，这种方法的弊端是可能会加载本页面不需要的样式
css外部样式如何调用方法如下：
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
接下来将逐个讲解html引用css方法的例子
1、直接在html标签元素内嵌入css样式，如<div style="font-size:14px; color:#FF0000;">我是div css测试内容-支持</div> 效果如下图
2、在html头部head部分内style声明插入代码如下：
<style type="text/css"><!--
ceshi {font-size:14px; color:#FF0000;}/这里是设置CSS的样式内容/
-->
</style>
具体方法如下图：
3、使用@import引用外部CSS文件方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"";
Wcsscss文件内代码ceshi {font-size:14px; color:#FF0000;}
效果如下图：
可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。
4、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wcsscss" type="text/css" />来调用外部的wcsscss文件来实现html引用css文件
详细如下图
此方法就不需要style标签，而是直接通过link一个样式来引用外部样式。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）