百易互通联系电话
当前位置 当前位置: 首页 > 网络学院 > 建站知识 >

HTML网页调用css样式的四种常见方法

点击: 作者:admin 时间:2015-05-29 09:35

  目前主流的网站都摒弃了传统的表格布局方式,而转而采用html+css来进行呈现网页的状态,更好的将网页结构和样式分离,提高代码的载入速度,并且更容易维护修改,对搜索引擎更为友好等诸多优点。不过对于新手朋友来说,调用css样式就是其中遇到的第一个问题。那么HTML网页如何调用css样式呢?下面就让百易互通小编带的大家一起去看看吧!

css

  目前在html网页中引用css的方法主要有如下四种情况:

  一、直接在div中引用css样式,也就是大家所说的内联样式((在 HTML 元素内部))这种方法的应用情况居然如下:

  <div style="color:#000000;">百易互通</div>

  二、内部样式表,在<head>中标签内部应用css样式,具体的应用情况如下:

  <style type="text/css">
  div {color:#000000;}
  </style>

  三、外部样式表,这种是目前最为常见的一种css样式应用形式,这种方法能让我们的网页代码更好的实现结构和样式分离的效果,推荐大家使用。具体例子如下所示:

  直接在<head>中使用<link rel="stylesheet" href="byht.css" type="text/css" />

  四:使用@import引用外部CSS文件。

  这种方法既可以放在<head>中,也可以直接放在css文件中用于调用其他的样式表里的内容,具体情况就不再举例。

  以上就是四种常见的css样式引用方法,值得大家注意的是,内联样式(在 HTML 元素内部)拥有最高的优先权,其次是内部样式,最后是外部样式表和@import引用。


   
上一篇:DEDECMS如何给文章页加上相关文章? 下一篇:没有了
典型案例 MORE>>
 

咨询热线
0755-61603023

微信扫一扫
了解更多服务!