CSS:外部样式表/内部样式表/内联样式
来源:互联网 发布:数据库死锁产生的原因 编辑:程序博客网 时间:2024/05/05 13:33
在html中,引用CSS样式有3中方式:外部样式表,内部样式表,内联样式。
本文代码整理自w3school:http://www.w3school.com.cn
(1)外部样式表,指在html文件的head标签中,使用link引用另一个css文件中定义的样式。如果某个样式表需要被使用许多次,使用外部样式表是最好的选择。
html文件:
<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>引用外部css样式</title><!--外部样式表--><head><link rel="stylesheet" type="text/css" href="css/baseStyle.css"></head><body><h1>h1级别的标题:红色</h1><h2>h2级别的标题:绿色</h2><h3>h3级别的标题:蓝色</h3><p>这是一个段落:灰色</p></body></html>CSS样式,baseStyle.css:
h1 {color:red}h2 {color:green}h3 {color:blue}p {color:gray}
(2)内部样式表,指在html文件的head标签内声明样式。当单个文档需要特殊的样式时,就应该使用内部样式表。
<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>内部样式表</title><!--内部样式表--><head><style type="text/css">h1 {color:red}h2 {color:green}h3 {color:blue}p{color:gray}</style></head><body><h1>h1级别的标题:红色</h1><h2>h2级别的标题:绿色</h2><h3>h3级别的标题:蓝色</h3><p>这是一个段落:灰色</p><br/><br/></body></html>(3)内联样式(一般不建议使用),指在某个html内指定改标签内容的样式。由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。
<!--内联样式--><!--不带下划线的链接--><a href="http://www.baidu.com" style="text-decoration:none" target="_blank">这是一个不带下划线的链接</a>
0 0
- CSS:外部样式表/内部样式表/内联样式
- 什么是外部样式?内联样式?内部样式表?
- html的三种样式定义方式:外部样式表;内部样式表;内联样式表
- css--蓦然回首之外部样式表和内部样式表
- js访问CSS最终样式(嵌入式样式、外部样式表、内联样式综合的样式表现)
- CSS样式中内联、嵌入、外部样式
- HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)
- Css入门之直接样式表,内部样式表,外部样式表
- CSS内联样式表用法
- 03css初步(行间样式,内部样式,外部样式)
- 内联/嵌入/外部样式表的优先级
- CSS之外部样式表
- CSS层叠规则优先级、内部样式表与外部样式表优先级
- CSS练习一之内部样式表、外部样式表、边框
- 创建内联样式表
- 内联式css样式
- css与内联样式
- css与内联样式
- KL距离
- 对Fragment切换的优化
- Python父进程退出后,子进程自动退出的办法
- winsock学习笔记(三)
- MySQL root用户忘记密码解决方案(安全模式,修改密码的三种方式)
- CSS:外部样式表/内部样式表/内联样式
- 谈谈android 布局 的优化
- cocos2dx ant编译'atoi' is not a member of 'std'
- AndroidManifest.xml文件解析
- Excel中VBA的使用
- Android Service完全解析,关于服务你所需知道的一切(上)
- 第十五周项目二——阅读程序(1)
- ORACLE 误更新数据如何操作
- ActivityManager框架解析