应用CSS样式表
2024-08-30 12:58:29
首先应该分清楚应用CSS样式表到HTML页面中和将css样式表绑定到HTML页面的对象,是两个不同的概念。
像之前说的通过不同的选择器将样式表绑定到HTML页面中的对象,但其实使用的都是同一种方法应用css样式表到HTML页面中,这种方式成为嵌入样式表。
而css中应用css样式表的方法共有四种,剩下的三种为内联样式,外联样式表和多重样式表。
嵌入样式表:
嵌入样式表是指使用<style>标签将css样式表放入到<head>标签内
内联样式表:
又称行内css 通过使用style属性来引用声明语句。放在页面结构性标签的后面
<p style="color:sienna;margin-left:20px">
页面内容
</p>
外联样式表:
在创建整站工程时,一个css样式表常常需要同时应用于几个页面,这时候用外联样式表是非常好的选择。因为css样式表可以作为一个独立文件储存在页面外部,后缀名为css。通常使用<link>来调用外联样式表。
<link rel="Shortcut" type="text/css" href="some.css"/> //rel是关系的缩写
当然调用的不一定是一个文件,也可以引用url地址文件,此外还有一种使用@import来引用外联样式表的方法。把它放在<style>标签中。
<style type:"text/css">
@import url(some.css)
</style>
多重样式表:
通常来说,当多个样式表作用于同一个页面对象的时候,离这个页面对象最近的起决定性作用。但是,行内样式表始终处于最高级别。
最新文章
- table 鼠标移上去改变单元格边框颜色。
- 老司机学新平台 - Xamarin开发环境及开发框架初探
- excel数据导入SQLite数据库
- shell if判断语句
- hdu 4258 Covered Walkway
- SqlServer——阻止保存要求重新创建表的更改
- Swift--存储属性-备
- 在strings.xml中定义html标签
- UICollectionView基本使用详解(OC)
- cardview和Palette,ActionBar颜色随图改变
- <;The Art of Readable Code>; 笔记二 (下)
- IO (二)
- [trouble] error connecting to master &#39;repl@192.168.1.107:3306&#39; - retry-time: 60 retries: 86400
- MVC 中Scripts.Render、Styles.Render
- 3星|《创投42章经》:前VC投资人的商业评论文集
- python web框架介绍对比
- cacheManager ABP中的缓存
- 证明解析函数u=c1 与 v=c2 正交
- eclipse 格式化快捷键(Ctrl+shift+f)不起作用的解决办法
- Android开发网上的一些重要知识点[经验分享]