CSS样式表的三种引用方式

来源：互联网发布：怎么看淘宝抢购第几名编辑：程序博客网时间：2024/04/29 16:52

对CSS样式表的三种引用方式注：重点掌握第三种

方法1：行内样式表（style属性）

<html><head><title>例子</title></head><body style="background-color: red;"><p>这个页面是红色的</p></body></html>

方法2：内部样式表（style元素）

<html><head><title>例子</title><style type="text/css"> body{ background-color: red; }</style></head><body><p>这个页面是红色的</p></body></html>

方法3：外部样式表（引用一个样式表文件）

<html><head><title>我的文档</title>/*下面这行代码表示应用位于style目录下的style.css样式表*/<link rel="stylesheet" type="text/css" href="style/style.css"/></head><body><p>这个页面是红色的</p></body></html>

style.css样式表文件

body { background-color: red;}

CSS样式表的三种引用方式
CSS样式表引用方式
使用样式CSS的三种方式
添加css样式表的三种方式
引用CSS的三种方式
引用CSS的三种方式
CSS的三种引用方式
HTML 引用Css样式的四种方式
css三种引用方式
HTML中定义CSS样式的三种方式
CSS样式引用方式汇总
CSS层叠样式表 (Cascading Style Sheets)基础，CSS样式三种插入方式优先级比较
css三种表示引用方式
css的三种样式
html的三种样式定义方式：外部样式表；内部样式表；内联样式表
[Weex-BBQ]Weex项目中引用css样式的三种姿势
HTML中定义CSS样式的三中方式
css三种样式!
我的博客发布器
As3 一些设计手法笔记(2)
忆龙2009:数字证书(CA)的分类
利用JFreeChart生成简单柱状图(Java)
C++语言风格流变史
CSS样式表的三种引用方式
java多窗口关闭事件设置只关闭当前窗口而不关闭主线程
hello
架构设计：多进程还是多线程
Firmware加载原理分析
利用JFreeChart生成简单柱状图(Servlet)
学习asp.net比较完整的流程
客户端浏览器支持当前JavaScript脚本存在的介绍
程序高手必读：写好C程序的10条秘籍