`
fastwind
  • 浏览: 323787 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

调用样式表

阅读更多

用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握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"命令方法调用样式表。

分享到:
评论

相关推荐

    QSS样式表素材合集.rar

    3. **核心--自己调用样式表**:这可能是一个包含核心QSS概念的教程或指南,讲解如何自定义和管理样式表。QSS支持选择器、伪类、继承、层叠等特性,使开发者能够精确控制每个UI元素的外观。这份资料可能会详细解释...

    从 XSLT 样式表调用 JavaScript

    从XSLT样式表调用JavaScript的知识点解析 在探讨如何从XSLT样式表调用JavaScript时,我们首先需要理解XSLT和JavaScript的基本概念及其在XML文档处理中的作用。XSLT(Extensible Stylesheet Language ...

    Qt样式表,很全的样式表资源,网上大神整理的。

    Qt 样式表的设计 受到了 CSS 的启发,通过调用 QWidget::setStyleSheet() 或 QApplication::setStyleSheet(),可以为一个独立的子部件、整个窗口甚至是整个应用程序指定一个样式表。 一、声明 在学习 Qt 样式表...

    ProcessWire-AIOM-All-In-One-Minify:AIOM +(多合一缩小)是一个ProcessWire模块,可以轻松地改善网站的性能。 通过简单的函数调用样式表,可以将LESS和Javascript文件解析,最小化并合并为一个文件。 这减少了服务器请求,缩短了加载时间,并最大程度地减少了流量。 此外,可以将生成HTML源代码最小化,并且可以在无cookie的域上加载所有生成的文件(域分片)-one source code

    通过简单的函数调用样式表,可以将LESS和Javascript文件解析,最小化并合并为一个文件。 这减少了服务器请求,缩短了加载时间,并最大程度地减少了流量。 此外,可以将生成HTML源代码最小化,并且可以将所有生成的...

    cookie和dom操作调用样式表实现网页换肤

    原理:通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤. 换肤示例下载:sour.rar Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. &lt;link href=css/main0.css rel=...

    div+css网页布局.pdf

    + 有两种方式可以调用样式表:外部调用和双表法调用。 Day 5: head 区的其他设置 * 什么是 head 区? + head 区是 HTML 文档的头部区域,用于存放网页的元数据,例如标题、样式表、脚本等。 * head 区的其他设置...

    css样式表及其调用

    - 优先级由选择器的特异性决定,内联样式具有最高优先级,其次是内部样式表,然后是外部样式表。 - !important标记可以强制应用某个样式,但应谨慎使用,以避免代码难以维护。 5. 盒模型: - CSS盒模型描述了...

    QWidget样式表设置背景示例代码

    然而,在尝试通过样式表(QSS,Qt Style Sheets)来改变`QWidget`及其子类的外观时,有时会遇到一些问题,特别是当直接对`QWidget`派生的类应用样式表时,可能无法达到预期效果。本篇将深入探讨这个问题以及解决方案...

    qt样式表武林秘籍.pdf

    Qt的样式表系统启发自CSS,允许开发者通过简单地调用QWidget::setStyleSheet()或QApplication::setStyleSheet()方法,为窗口部件、整个窗口或者整个应用程序定制样式表。样式表由一系列的样式规则组成,这些规则定义...

    CSS课件HTMK和CSS样式

    【调用样式表】 1. 内联样式表:直接在HTML标签内部使用`style`属性,如`;"&gt;`。 2. 嵌入式样式表:在HTML文件的`&lt;head&gt;`部分使用`&lt;style&gt;`标签定义样式。 3. 外部样式表:创建.css文件,然后在HTML文件的`&lt;head&gt;`...

    QT样式表简介

    Qt样式表的思想很大程度上是来自于HTML的层叠式样式表(CSS), 通过调用QWidget::setStyleSheet()或QApplication::setStyleSheet(), 你可以为一个独立的子部件、整个窗口,甚至是整个个应用程序指定一个样式表。...

    QT样式表使用说明

    QSS通过调用`QWidget::setStyleSheet()`或`QApplication::setStyleSheet()`函数来应用样式,可以针对单个部件、整个窗口或整个应用设置样式表。样式表由一系列样式规则组成,这些规则在运行时被解析,使得开发者可以...

    XSL基础教程 从 XSLT 样式表调用 JavaScript

    **XSL基础教程:从XSLT样式表调用JavaScript** 在深入了解如何从XSLT样式表调用JavaScript之前,让我们首先理解XSLT的基本概念。XSLT(Extensible Stylesheet Language Transformations)是一种XML方言,用于转换...

    QT 黑色风格+白色风格+淡蓝色风格样式表

    在QT中,样式表(QSS,Qt Style Sheets)类似于网页开发中的CSS(层叠样式表),用于控制Qt界面元素的外观。QSS允许开发者以一种声明式的方式定义窗口、按钮、文本框等各种控件的样式,包括颜色、字体、边框、阴影、...

    QSS样式表.rar

    非常好看的各种QSS样式表,里面附上了关于怎么Qt调用这些QSS样式表方法,非常非常好看,有灰色、蓝色、亮蓝色、PS黑色、普通黑色和红蓝色等等各种样式,写界面时必用资源,内附自己可以创建属于自己样式表的GUI程序...

    DIVCSS布局大全---12天学会DIV+CSS教程

    第四天:调用样式表 第五天:HEAD区的其他设置 第六天:XHTML代码规范 第七天:CSS入门 第八天:CSS布局入门 第九天:第一个CSS布局实例 第十天:自适应高度 十一天:不用表格的菜单 十二天:校验及常见的错误

    DIVCSS布局大全.pdf

    - **调用样式表**:可以通过内部或外部方式调用样式表,例如使用`&lt;link&gt;`标签引入外部CSS文件或使用`&lt;style&gt;`标签定义内联样式。 - **Head区的其他设置**:包括设置收藏夹图标、为搜索引擎准备的内容等。 #### 三、...

    DIV CSS布局大全及示例

    - **双表法调用样式表**:使用两个样式表,其中一个作为默认样式,另一个作为备用或特殊情况下的样式调整。 - **应用场景**:比如针对不同屏幕尺寸的设备展示不同的布局样式。 #### head区的其他设置 - **元数据**...

    DIV+CSS布局大全

    第四天,作者介绍了如何调用样式表,包括外部样式表和双表法调用。外部样式表允许将样式信息分离到单独的文件中,提高代码复用和管理效率。双表法则是同时使用内部样式表和外部样式表,以平衡浏览器兼容性和代码灵活...

Global site tag (gtag.js) - Google Analytics