嵌入css方式
2024-10-09 01:18:53
总体见思维导图 。
嵌入css方式
1 内联式
内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:
<p style="color:red">红色</p>
并且css样式代码要写在style=""
双引号中
如果有多条css样式用分号隔开:
<p style="color:red;font-size:12px">红色</p>
2 嵌入式
嵌入式css样式,就是可以把css样式代码写在标签之间。
<style type="text/css">
span{
color:red;
}
</style>
3 外部式
在<head>
内使用<link>
标签将css样式文件链接到HTML文件内,如下面代码:
<link href="base.css" rel="stylesheet" type="text/css" />
注意:
- css样式文件名称以有意义的英文字母命名,如 main.css。
rel="stylesheet" type="text/css"
是固定写法不可修改。- 标签位置一般写在标签之内。注意:
- 三种方法的优先级:内联式 > 嵌入式 > 外部式
但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。
最新文章
- 浅析PHP中for与foreach两个循环结构遍历数组的区别
- java 中包的概念,常量,静态与继承
- 什么时候用@Resource,什么时候用@service
- 概率DP
- ubuntu文件夹建立软链接方法
- linux命令每日一练习 解压命令
- 9.5---括号是否有效(CC150)
- HeadFirst jsp 02 (体系结构)
- JavaScript几种类工厂实现原理剖析
- (转)130道ASP.NET面试题
- R 语言开发环境搭建
- jQuery事件命名空间
- 主机设置ss代理,虚拟机共享代理
- javascript第二章--变量、作用域和内存问题
- CSS初了解
- java中的foreach用法及总结
- 提升学习算法简述:AdaBoost, GBDT和XGBoost
- hibernate框架(2)---Hibernate的核心API
- JQuery基本知识汇总;JQuery常用方法;浅入了解JQuery
- 《C Elements of Style》 书摘