html引入css四种引入方式示例分享
2013-12-06 09:55
686 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>引入CSS的四种方式</title> <style type="text/css"> /*h2{ color:white;background-color:blue;}*/ /*要想使网页内的CSS生效,必须注释下一行代码*/ @import "import.css"; </style> <link href="alone.css" rel="stylesheet" type="text/css" /> </head> <body> <h1 style="color:white; background-color:yellow">标签内的CSS</h1> <h2>网页内的CSS</h2> <h3>link引用的CSS文件</h3> <h4>import引用的CSS文件</h4> <p>link引用和import引用区别是:link是html加载前就引用,而import是html加载后才引用。举例,采用impor引用,会先显示无样式的页面,然后再把样式放进去。如果用JavaScript动态引用CSS,得使用link引用方式才可实现。</p> </body> </html>
相关文章推荐
- 【CSS】【2】HTML引入CSS的四种方式
- html中引入css的四种方式
- HTML中引入CSS的四种方式
- 引入CSS的四种方式
- CSS和HTML的四种结合方式
- CSS的四种引入方式
- Html引入css的三种方式
- HTML中引入CSS的四种方法(前端css面试题)
- 使用CSS修改HTML的checkbox效果的小示例分享
- HTML_04_css_的引入方式_基本选择器
- CSS的四种引入方式 import与link的具体区别
- css四种引入方式
- HTML导入CSS的四种方式
- 前端基础----CSS语法、CSS四种引入方式、CSS选择器、CSS属性操作
- html网页css的三种引入方式
- HTML基本结构、CSS引入方式以及选择器
- 引入css的四种方式
- css与html常见的三种结合方式示例介绍
- 引入样式表(css)的四种方式
- CSS的四种引入方式