引用CSS文件到html网页里方法.doc_第1页
引用CSS文件到html网页里方法.doc_第2页
引用CSS文件到html网页里方法.doc_第3页
引用CSS文件到html网页里方法.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

引用CSS文件到html网页里方法使用不同的方法来引用css样式表，最终到达的效果相同，但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。html引用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声明插入代码如下：具体方法如下图：3、使用import引用外部CSS文件方法css引用方法实例-测试实例我是div css测试内容支持Wcss.css文件内代码.ceshi font-size:14px; color:#FF0000;效果如下图： 可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。4、使用link来调用外部的css文件在head放置来调用外部的wcss.css文件来实现html引用css文件详细如下图 此方法就不需要style标签，而是直接通过link一个样式来引用外部样式一般推荐使用link来引用外部的css样式方法。使用link来引用外部的css的优势1、有利于SEO，使用此方法引用外部css文件，将使得html页面的源代码少很多比起直接加入css样式，因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的，这样使得html源代码很少，使得蜘蛛爬行更快，处理更少，增大了此网页的权重，有利于排名。2、节约html使得浏览器下载网页时候分开线程了，就像加载一个页面同时有两条线在打开一个页面道理，使得网页打开格外快。（用户浏览此网页的时候html源代码和css文件同时下载，使得更加快速）3、修改网页的样式方便，只需修改css样式即可修改网页的美工样式，
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论