第4天:调用样式表

转载 2012年03月29日 10:17:26

web设计网站,渡的方法主要是采用XHTML+CSScss式表是必不可少的。就要求所有网页设计师掌握CSS,如果你以前不常用,那么现在就始学吧。要制作符合web准的网站,不懂CSS设计不出漂亮的面的。

上,所有表的地方都需要用CSS实现。我以前都习惯table来定位和布局,在要改用DIV来定位和布局。是思方式的化,一始有些不习惯。呵呵,任何革都会有阻力的,了享受来的"",放弃一些老的传统做法是得的。

外部式表

在以前,我通常采用2方法使用式表:

  • 页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样:

<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>

  • 外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

在符合web准的设计中,我使用外部用法,好不言而,你可以不修改面只修改.css文件而改变页面的式。如果所有面都用同一个式表文件,那改一个式表文件,可以改所有文件的式。

双表法式表

看某些符合准站点的原代,你可能看到,在式表的地方有如下2句:

<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /><style type="text/css" media="all">@import url( css/style01.css );</style>

要写两次呢?

实际上一般情况下用外(就是第一句)就足了。我里使用双表用只是一示例。其中的"@import"命令用于式表。而"@import"命令在netscape 4.0版本浏览器是无效的。也就是,当你希望某些效果在netscape 4.0浏览器中藏,在4.0以上或其它浏览器中又示的候,你可以采用"@import"命令方法式表

相关文章推荐

WEB2.0标准教程: 调用样式表

用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不...

css样式表及其调用

  • 2009年11月22日 23:41
  • 2KB
  • 下载

Qt中QSlider的样式表设置

在没有设置的时候,总感觉很难的样子,其实,真正做起来也不是那么难,就把刚刚自己做的发出来共享吧。 先来看一看水平的: 先上效果图: //首先是设置主体 QSlider{ border-color: ...

微信小程序入门五:样式表wxss

一、引入模板小程序提供了两个引入外部模板的方法:import和include 使用外部模板可以实现大部分共同页面的代码利用,在一个app中,头部和脚部基本不会 变动太大,这时就可以通过模板的...

web学习—css样式表—css属性(一)

前面也已经学了css的基本语法。但是,我们仍然还是没法实际应用,因为对于前边提到的三种选择符,比较好理解,但是对于声明部分就比较困难了,最主要的原因还是我们知道了它的格式,可是具体声明的属性是什么呢?...
  • ni_meri
  • ni_meri
  • 2012年08月19日 15:54
  • 564

css样式表和选择器的优先级以及position元素属性值的区别

css样式表和选择器的优先级以及position元素属性值的区别

火狐浏览器内容默认样式表

查看地址: resource://resources/html.css 具体内容: /* This Source Code Form is subject to the terms of t...

关于读取style元素定义样式表的兼容问题

JavaScript Sample div{color:#FF0000;font-weight:bold;} p{color:#000000;font-size: 14px;} 请点击网站链接...

【图书】CSS重构:样式表性能调优

前言 近一两年对于 CSS 相关的图书寥寥可数,印象中上一次有关的应该就是《CSS 揭秘》,上周发现的这本有兴趣的可以看看。 CSS重构:样式表性能调优 作者: [美] ...

WPF ScrollViewer(滚动条) 自定义样式表制作 图文并茂

 先上效果图 正常样式 拖动时样式 好下面 开始吧 ===============================================================...
  • huyu107
  • huyu107
  • 2015年04月10日 17:30
  • 1038
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第4天:调用样式表
举报原因:
原因补充:

(最多只允许输入30个字)