CSS学习笔记-导入CSS的几种方法(三)
来源:互联网 发布:中国2016的耽美网络剧 编辑:程序博客网 时间:2024/05/19 04:55
使用style元素定义内部样式表——内嵌式
内部样式表通过<style>
元素直接在HTML文档中定义样式表。 <style></style>
标记对可以出现在HTML文档中的任意地方,一般情况下,在<head></head>
标记对之间定义<style></style>
。
通过<style>
定义的内部样式表只能应用于当前HTML文档中的元素。
<html><head><style type=“text/css”> table{ border:1px solid #cccccc; }</style></head>
外部级联样式表——外联式
如果多个HTML文件需要共享样式表,应使用外部级联样式表。
将包含规则的样式表保存为后缀为 .css 的文件,在<head>
标记中通过<link>
标记引入。
其中,rel属性定义当前文档与href属性中链接文档之间的系,属性值 stylesheet 表示链接文档为外部的一个样式表文件;type属性表示链接文件的MIME类型;href为要链接文件的地址,可以是相对路径,也可以是绝对路径。
<html><head><link rel=“stylesheet” type=“text/css” href=“css文件地址” /></head>
在.css文件中,只包括各项规则,不出现标记对。
一个HTML文档中,可以根据需要链接任意个外部样式表文件。多个样式表文件中的规则将根据被链接的顺序进行叠加与覆盖。
行内样式——style属性
每个HTML元素均有一个style属性,该属性值为当前元素直接定义样式,该样式只应用到当前的元素及其包含的内层元素。
Style属性的值与样式表规则{}内的内容相同。
<h1 style=“height:30px;line-height:30px”>一级标题内容</h1>
导入外部样式表
导入样式表是指在<style></style>
标记内引用外部样式表文件的内容,也可以在中CSS文件中使用。导入通过@import语句实现。
使用时,@import语句必须出现在其他规则定义之前。
语法:@import url(样式表地址);
区别:<link>
元素是HTML的一个标签,而@import是CSS的一个标签,是CSS的一部分,只能在CSS内部使用。
<style type=“text/css”>@import url(css/main.css);p{color:#444444;}</style>
0 0
- CSS学习笔记-导入CSS的几种方法(三)
- CSS学习笔记之在HTML中导入CSS的三种方式
- CSS学习笔记 1 ---- CSS的导入
- 导入CSS样式的几种办法
- CSS的几种导入方式
- CSS学习笔记三
- CSS学习笔记三
- 导入css的三种方式
- CSS学习笔记(三) CSS选择器
- CSS学习笔记(三)--CSS选择器
- CSS水平居中的几种方法
- CSS垂直居中的几种方法
- css垂直居中的几种方法
- css 清除浮动的几种方法
- 引入css的几种方法
- CSS清除浮动的几种方法
- CSS盒子居中的几种方法
- css引入样式的几种方法
- 运算符优先级
- 常用的win命令行命令
- Atitit.http httpclient实践java c# .net php attilax总结
- Dreamweaver页面属性设置
- 1
- CSS学习笔记-导入CSS的几种方法(三)
- objective-c中的属性定义及getter / setter方法
- 2
- Linux下打开.doc,.pdf的方式
- 3
- 今日头条2017秋季校招在线编程题解法参考
- 操作数的寻址方式(基址加间址寻址,基址加比例间址寻址,带位移的基址加间址寻址,带位移的基址加比例间址寻址)
- 常见排序算法之希尔排序
- 有趣的远程访问——Linux学习笔记九