css样式表
来源:互联网 发布:cctv13网络电视 编辑:程序博客网 时间:2024/04/29 16:33
1.外部样式表
2.内部样式表
3.内联样式
4.多重样式表
1.外部样式表.当样式需要应用于很多页面时,外部样式表将是理想的选择。每个页面使用<link>标签链接到样式表 ,<link>标签在文档的头部
<head> <link type="text/css" href="css/test.css" rel="stylesheet"> </head>
2.内部样式表.当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表
<head> <style> div{ width:20px;} </style></head>3.内联样式.
由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。不建议使用,例如当样式仅需要在一个元素上应用一次时。
要使用内联样式,你需要在相关的标签内使用样式(style)属性
<p style="margin-left:20px">hello </p>4.多重样式表。如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。
<span style="font-size:14px;"></span><pre name="code" class="html">外部样式h1选择器的三个属性:h1{ text-align:right; color:red; font-size:20px}而内部样式表中也有h1的两个属性h1{ text-align:left; color:blue;}如果内部样式表所在的界面同时加载外部样式表则h1得到的样式是 text-align:left; color:blue; font-size:20px只有 font-size属性继承外部样式表
多重样式表层叠次序:
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
- 浏览器缺省设置(默认设置)
- 外部样式表
- 内部样式表(位于 <head> 标签内部)
- 内联样式(在 HTML 元素内部)
0 0
- css样式表、css选择器
- CSS样式表范例
- 层叠样式表(CSS)
- CSS样式表学习
- css(样式表)
- CSS样式表范例
- 关于CSS样式表
- CSS--层叠样式表
- css样式表简介
- CSS样式表
- css样式表规划
- CSS样式表 HTML
- CSS样式表
- CSS样式表基础
- Css条件样式表
- CSS样式表入门
- CSS样式表重置
- css,级联样式表
- HDU5727 Necklace
- linux ftp命令入门学习(新手适用)
- Java之内部类语法详解(附源码)
- 使用QProxyStyle定制QMenu (二)
- Nyist201 作业题
- css样式表
- Codeforces 682B贪心
- Android 图片的异步加载(有缓存机制)
- HDOJ题目分类(已经过时,适时再找下)
- 杭电-1061 Rightmost Digit
- Git/github 配置
- 写给所有IT人
- 查找表碎片sql
- Python-开发之路-进程基础