首页 > 教程 > 关键词  > CSS最新资讯  > 正文

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

2008-04-18 15:31 · 稿源:互联网
用web标准设计网站,过渡的方法主要是采用XHTML+CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。

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

外部调用样式表

在以前,我们通常采用2种方法使用样式表:
页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样:

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

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

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

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

双表法调用样式表

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

<linkrel="stylesheet"rev="stylesheet"href="css/style.css"type="text/css"media="all"/><styletype="text/css"media="all">@importurl(css/style01.css);</style>

为什么要写两次呢?

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

举报

  • 相关推荐
  • 韩国电商平台Cafe24开启“四天工作制”,7月正式施行

    新制度规定,员工周五休息的同时,其他工作日不延长工时、工资也不减少。如果员工因业务安排选择在周五上班,还将享受补休福利……

  • OPPO K13 Turbo系列配置公布:第四代骁龙8s、天玑8450

    OPPO K13Turbo系列已经官宣,将于7月21日14:30发布。 OPPO商城中提前公布了重磅信息,确认新机共两款,分别是OPPO K13Turbo、OPPO K13Turbo Pro。

  • 迅雷浏览器2.0全新上线:极致简约 无推送、无资讯、无打扰

    迅雷浏览器2.0现已全新上线,此次升级以极简,快”为核心理念,从搜索、播放、阅读到存储等多个关键场景进行全方位重塑。 界面设计剥离冗余元素,仅保留核心功能按钮,实现 无推送、无资讯、无打扰”的纯净体验。 在搜索场景中,浏览器内置必应、360、百度、搜狗、夸克等主流搜索引擎,输入关键词即可秒获结果,同时支持自定义添加引擎,精准适配个人搜索习惯。

  • A日报:月之暗面开源大模型Kimi K2;智源全面开源RoboBrain2.0;通义千问发布Qwen Chat桌面客户端

    本期AI日报重点报道了多项AI领域突破性进展:1.月之暗面推出万亿参数开源大模型Kimi K2,展现强大智能能力;2.智源研究院开源RoboBrain2.0和RoboOS2.0机器人系统;3.通义千问发布桌面客户端Qwen Chat;4.IndexTTS2实现影视级语音合成;5.HuggingFace开源机器人Reachy Mini热销;6.Meta推出实时视频生成模型StreamDiT;7.PixVerse新增多关键帧视频生成功能;8.特斯拉推出仅支持AMD处理器的Grok AI助手;9.OpenAI推迟开源大模型发布以加强安全测试;10.Liquid AI开源边缘AI模型LFM2;11.AI"时间穿越"特效在社交媒体走红。

  • 字节跳动TRAE2.0真的好用吗?同类型AI产品上哪找?

    字节跳动TRAE2.0 AI编程工具升级亮点:1)新增语音交互功能,支持中英文混合输入,实现"说话写代码";2)Builder模式迭代后项目生成成功率提升至92%,复杂需求可一次性跑通;3)免费版每月100次调用额度,支持GPT-4o和Claude-3.5模型;4)五大隐藏技巧:语音调试、图片生成代码、API批量测试等可提升300%效率;5)针对中文开发者优化,支持阿里云/腾讯云SDK调用。实测3分钟

  • 第四届“数智港航”数据创新应用大赛启动 腾讯云为大赛系统部署云原生数字底座

    7月10日,第四届"数智港航"数据创新应用大赛启动。大赛由中国交通通信信息中心等单位主办,腾讯云提供技术支持,保障赛事官网"宝船网"稳定运行。本届大赛设置两条赛道:解决方案赛道聚焦物流数据开放和智慧港口技术创新;算法模型赛道涉及船舶识别、估值和分类等数据处理。优秀项目可直通2025年"数据要素X"全国总决赛,并有机会入选行业实践案例。大赛成果将于8月22日揭晓,通过官网"宝船网"可查询参赛详情。赛事旨在推动港航物流数据生态建设,促进行业数字化转型。

  • 艺术电视2.0时代启幕,三星电视以科技艺术融合焕新家居美学

    2025中国智慧生活大会将于7月15-16日在北京举行,聚焦艺术电视2.0时代发展。大会发布了《艺术电视技术要求和测试方法》团体标准,首次将艺术电视划分为典藏级和家居美学级两大类别,对产品外观、画质、内容生态等维度提出规范要求。三星等企业展示了多款符合新标准的产品,其中The Frame画壁艺术电视LS03F采用量子点Mini LED显示技术,机身纤薄至24.9mm,支持磁吸式艺术边框更换和三星艺术画廊服务,实现科技与美学的融合。数据显示,78%的Z世代消费者重视电视与家居风格的协调性,推动行业向艺术化、个性化方向发展。

  • 2025全球B2B电商平台行业调查报告‌

    报告分析了全球B2B电商平台的现状与发展趋势。主要内容包括:1)B2B平台打破地域限制,实现全球商品交易和信息交流;2)主要功能涵盖信息服务、交易服务和增值服务;3)运营模式分为信息服务、交易服务和综合服务三类;4)以阿里巴巴国际站、TradeKey等平台为例,分析其商业模式;5)未来趋势包括技术驱动变革、跨境交易兴起、供应链整合优化等。报告指出B2B平台正成为企业拓展国际市场的重要桥梁,建议企业充分利用平台资源提升竞争力,同时呼吁加强行业监管。

  • 曝iPhone 17系列首次升级12GB内存:唯独标准版停留在8GB

    博主定焦数码爆料,iPhone 17系列有三款机型首次配备12GB内存,它们分别是iPhone 17 Air、iPhone 17 Pro、iPhone 17 Pro Max,但是iPhone 17标准版还停留在8GB内存。 据悉,苹果升级12GB内存的主要原因是提升iPhone 17系列的AI能力,在端侧部署AI,无论是运行AI应用还是加载AI大模型,这都需要足够大的内存存储整个AI模型。

  • 专为企业打造的智能体中台来了!迈富时AI-Agentforce 2.0让Agent正式走向工作岗位

    Gartner预测到2028年,15%的日常工作决策将由自主智能代理完成。迈富时最新发布的AI-Agentforce2.0作为企业级智能体中台,采用"技术赋能+场景落地"双轴驱动模式,重新定义企业智能化转型路径。该平台通过"模型-应用-开发平台"三位一体架构,提供从底层能力到上层应用的完整闭环,包含五大技术模块:模型管理、知识引擎、工具生态、流程编排和企业级基座。相比传统开发方式,该平台将Agent开发周期从3-6个月缩短至2分钟-2周,并已在金融、零售、供应链等行业实现规模化落地,典型应用包括智能导购、财务审批等场景。