当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。第二种写作方式：HEAD 时间元素/ title 风格 。
创新互联长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为殷都企业提供专业的网站设计制作、成都网站建设，殷都网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
链接样式表的方法基本有三种：行内样式表：使用【style】属性引入CSS样式。内部样式表：在【style】标签中书写CSS代码；【style】标签写在【head】标签中。
如何将css与html连接起来当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。一行代码引入外部的CSS文件即可linkrel=stylesheethref=css/style.css这样css文件就与HTML链接起来了。
这个随你哦。但是一般情况下是单独建立css文件夹和image文件夹，可以和模板文件目录同级，但是无论你把img和css放在哪个文件夹，在模板文件中引用的时候，一定要把相对路径写对哦。
../表示回到上层目录，楼主可以用多个../或者直接写绝对路径。
你需要用相对路径或者绝对路径来正确引入css。建议用相对路径。把link的href改成../css/st.css.. 表示当前目录的上一层目录。在你项目内就是指view的上一层：KAOSHI css目录是KAOSHI的子目录。
在同一个文件夹里面你就直接写文件名font.css就行了，千万不要用你的windows下面的文件路径，这样是访问不到的。
./，下级目录就用目录名/。HTML写相对路径的代码：html body center /p/body /html相对index.html所有的目录而言：“../”表示上一级目录开始 “./”表示当前同级目录开始 “/”表示根目录开始。
在您的CSS文件中，复制、粘贴下面的行，并保存该文件：连接您的文档和样式表为将您的文档和样式表相连，请编辑您的HTML文件。并添加下面高亮的行：保存该文件并刷新您的浏览器。
css调用外部字体步骤如下： 建一个文件夹，把字体文件ttf、otf等放到文件夹内，然后创建一个html文件，命名为test 编辑test文件，在页面中添加一个calss为anim的div。
具体操作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。
外部引入CSS样式文件是通过link标签实现的，它只能位于HTML文档的head标签内，且必须有href属性，该属性用于指定需要引入的CSS文件的路径。
使用CSS规则设置超链接的显示 打开文档，然后打开“CSS样式”面板。
使用STYLE属性：将STYLE属性直接加在个别的元件标签里。使用STYLE标签：将样式规则写在STYLE.../STYLE标签之中。 .使用 LINK标签：将样式规则写在.css的样式档案中，再以LINK标签引入。
a：active 选择器用于活动链接 a：hover 选择器用于选择鼠标指针浮动在上面的元素。
link rel=stylesheet type=text/css href=css/style.css / css外部调用需使用link单标签，以上为示例，href为css路径，需根据实际情况填写。
我长话短说吧： 例如： a href=# class=link_style链接文字/a，这时候我们只要加上以下CSS代码即可： .link_style：hover{color：#ccc；} 注意这个 class=link_style 很重要。
外部样式 格式：举例：用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
加载顺序区别 加载页面时，link标签引入的 CSS 被同时加载；@import引入的 CSS 将在页面加载完毕后被加载。
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
提供方式不同：link属于XHTML标签，而@import完全是css提供的一种方式。link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS。
简而言之就是，link引用CSS时，在页面载入时同时加载；@import需要等页面完全载入后才加载。兼容性的差别。由于@import是CSS1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
区别 从属关系区别 import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。
②可以改变样式表，而无需更改HTML文档，这也与HTML语言内容与形式分开的原则相一致。③可以根据介质有选择的加载样式表。
1、因为link标签的href属性就是用来标识引用文件的目标路径。你需要用相对路径或者绝对路径来正确引入css。建议用相对路径。把link的href改成../css/st.css.. 表示当前目录的上一层目录。
2、可能是路径问题，查看路径是否正确。CSS代码编写有问题，可能是 utf-16 ，重新编写改成utf-8，或者在link里面添加属性：charset=utf-8就好了 代码写错了。
3、type不是必须的，在notopad++中鼠标右击路径地址选择打开文件，如果能打的开说明链接地址正确。
4、本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。差别1：link属于XHTML标签，而@import完全是CSS提供的一种方式。
5、link无效的问题：出现link所引用的css无效，原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应。
6、一种是目录不对，还有一种就是一楼所说的。先换成 link rel=stylesheet type=text/css href=css/default.css如果还是不行，那你就要看看目录是否正确了。
