博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css样式表
阅读量:2353 次
发布时间:2019-05-10

本文共 697 字,大约阅读时间需要 2 分钟。

1.外部样式表

2.内部样式表

3.内联样式

4.多重样式表

 1.外部样式表.当样式需要应用于很多页面时外部样式表将是理想的选择每个页面使用<link>标签链接到样式表 ,<link>标签在文档的头部

                   

2.内部样式表.当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表

  
3.内联样式.

由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。不建议使用,例如当样式仅需要在一个元素上应用一次时。

要使用内联样式,你需要在相关的标签内使用样式(style)属性

hello

4.多重样式表
如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来
外部样式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 拥有最高的优先权。

  1. 浏览器缺省设置(默认设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

             

转载地址:http://irztb.baihongyu.com/

你可能感兴趣的文章
source insight代码格式化(Astyle)
查看>>
Makefile常用函数
查看>>
配置Linux异构网络下的ntp时间服务器
查看>>
SVN客户端和服务端安装 详解
查看>>
Android Studio 出现 error: cannot find symbol variable abc_ic_ab_back_mtrl_am_alpha
查看>>
Android AndroidManifest.xml 详解
查看>>
Eclipse修改Format不换行 详解
查看>>
Android导入工程提示 Invalid project description 详解
查看>>
Eclipse 历史纪录 详解
查看>>
Android StrictMode 详解
查看>>
Tomcat的优化
查看>>
Android Studio 出现 gradle DSL method not found: android() 错误
查看>>
Fragment 增加高德地图的 com.amap.api.maps.SupportMapFragment
查看>>
《你的投资机会在哪里》
查看>>
Bridge(桥接)模式
查看>>
生成器模式
查看>>
Android Studio 常用快捷键详解
查看>>
Cornerstone无法上传 .so 文件的问题
查看>>
Objective-C #pragma mark 详解
查看>>
Object-C 单例模式
查看>>