解析CSS放入网页的几种方式

你对把CSS放入网页的方法是否了解,这里和大家分享一下CSS放入网页的几种方式,相信本文介绍一定会让你有所收获。

富源网站建设公司创新互联建站,富源网站设计制作,有大型网站制作公司丰富经验。已为富源上1000家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的富源做网站的公司定做!

CSS放入网页的几种方式
  
行内套用

  ◆我们可以在HTML文件内直接宣告样式。

       举例来说,Thisisfontsize16.
  以上的HTML文件在浏览器上会显现为:Thisisfontsize16.

  ◆嵌入套用样式可以嵌入于HTML文件中(通常是在内)。

       举例来说

 
 
 
  1.  
  2. div{div{background-color:#FF0000;}背景颜色是红色 

  以上的HTML会显现出:背景颜色是红色
  外部连接套用在这种方式下,所有的CSS样式宣告都是存在另外一个档案中。该档案通常名称为.css。

  在HTML文件的

..
之中,我们将用以下的程式码将这个.css档案连接进入:  

 
 
 
  1.  

  以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。
  
汇入套用

       汇入套用外部的CSS样式也可以被汇入进HTML文件。
  汇入的做法为利用@import这个指令。

  @import的语法为

 
 
 
  1. @import">!--@importurl(http://www.divhome.com/#.mysite.com/style.css);  
  2. @importurl( 

  @import指令最初的用意,是为了能够针对不同的浏览器而运用不同的样式。不过,现在已经没有这个必要。现在用@import的目的,最常是要加入多个CSS样式。当多个CSS样式被   @import的方式加入,而不同CSS样式互相有冲突时,後被加入的CSS样式有优先的顺位(详情请见CSS串接)。
  
DIV+CSS中其它最常用的布局标签

  h1

     这个标签或许真正会去用的人很少,因为它显示的字体真的是太"大"了,但我们是CSSer,有什么标签样式不能改呢?而且它所能表达的意思就如同它原先的作用一样明显(大标题)我想你已经知道怎么去用它了^_^. 

      ul

    这个标签很多情况是用来定义导航部分的,当然也可以用ol来代替,但导航连接没有什么顺序之分吧,所以还是用ul来的比较确切(去掉CSS后效果更明显). 

  b

    这个已经不再推荐使用的标签,在布局上却能带来不少的方便(因为短),虽然我不是太赞成使用这个标签,但有些时候(比如细小地方的布局定义)还是不错的选择

  h2
   
    h2使用最多的地方应该不是布局上,而是副标题,但有些地方需要定义栏目样式的话,用这个标签比较合适,栏目内容就使用p。

网站标题:解析CSS放入网页的几种方式
文章转载:http://www.shufengxianlan.com/qtweb/news16/129916.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联