引用CSS文件到html网页里方法
2013-09-09 20:01
399 查看
直接在内部引用说直接在html标签元素内嵌入css样式,如<div style="font-size:14px; color:#FF0000;">这一种。
在style中引用。在html头部head部分内style声明插入
使用@import引用外部CSS文件方法
使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件
使用link来引用外部的css的优势
1、有利于SEO,使用此方法引用外部css文件,将使得html页面的源代码少很多比起直接加入css样式,因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的,这样使得html源代码很少,使得蜘蛛爬行更快,处理更少,增大了此网页的权重,有利于排名。
2、节约html使得浏览器下载网页时候分开线程了,就像加载一个页面同时有两条线在打开一个页面道理,使得网页打开格外快。(用户浏览此网页的时候html源代码和css文件同时下载,使得更加快速)
3、修改网页的样式方便,只需修改css样式即可修改网页的美工样式,如果在网站项目中此方法,因整站应用了共用的css基本样式,这样修改整站风格样式根据快捷方便。
注释用<!--xxxxx-->
css 用/*xxx*/
在style中引用。在html头部head部分内style声明插入
使用@import引用外部CSS文件方法
使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件
使用link来引用外部的css的优势
1、有利于SEO,使用此方法引用外部css文件,将使得html页面的源代码少很多比起直接加入css样式,因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的,这样使得html源代码很少,使得蜘蛛爬行更快,处理更少,增大了此网页的权重,有利于排名。
2、节约html使得浏览器下载网页时候分开线程了,就像加载一个页面同时有两条线在打开一个页面道理,使得网页打开格外快。(用户浏览此网页的时候html源代码和css文件同时下载,使得更加快速)
3、修改网页的样式方便,只需修改css样式即可修改网页的美工样式,如果在网站项目中此方法,因整站应用了共用的css基本样式,这样修改整站风格样式根据快捷方便。
注释用<!--xxxxx-->
css 用/*xxx*/
相关文章推荐
- 引用CSS文件到html网页里的四种方法
- 引用CSS文件到html网页里方法
- 引用CSS文件到html网页里方法
- 引用CSS文件到html网页里方法
- 【周记】如何将CSS文件引用到html网页里方法
- 引用CSS文件到html网页里方法
- 引用CSS文件到html网页里方法
- 引用CSS文件到html网页里方法
- jsp 引用css/js文件返回html网页问题
- 在HTML中使用CSS美化网页的三种方法
- 引用外部.css或.js文件的路径问题--jsp或html页面引用
- UIWebView加载网页、文件及html的方法
- css文件更新后浏览器网页仍然显示以前的页面解决方法
- 网页html制作目录文件及CSS命名规范总结
- 在HTML中使用CSS美化网页的三种方法
- Javascript动态引用CSS文件的2种方法介绍
- 引用外部.css或.js文件的路径问题--jsp或html页面或是在web项目中的引用
- 报表引用css文件的使用方法
- Html+Css 退出网页样式布局文件
- 浅析CSS编程的外部CSS文件引用方法