CSS三种样式
来源:互联网 发布:手机壁纸设置软件 编辑:程序博客网 时间:2024/05/18 20:10
1、使用内联式CSS设置“超酷的互联网”文字为粉色。
2、然后使用嵌入式CSS来设置文字为红色。
3、最后又使用外部式设置文字为蓝色(style.css文件中设置)。
最终可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<linkhref="style.css" ...>代码在<styletype="text/css">...</style>代码的前面(实际开发中也是这么写的)。
其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>嵌入式css样式</title><link href="style.css" rel="stylesheet" type="text/css"><style type="text/css">span{ color:red;}</style></head><body> <p>慕课网,<span style="color:pink">超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体 验;服务及时贴心,内容专业、有趣易学。专注服务互联网工 程师快速成为技术高手!</p></body></html>
style.css
span{ color:blue;}效果:
慕课网,超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体 验;服务及时贴心,内容专业、有趣易学。专注服务互联网工 程师快速成为技术高手!
0 0
- css三种样式!
- CSS三种样式
- CSS三种样式
- CSS三种样式
- CSS三种样式
- CSS三种样式
- 7-CSS三种样式
- css的三种样式
- 添加css样式的三种方法
- 添加css样式的三种方法
- 添加css样式的三种方法
- 【Html】三种CSS样式的优先级
- c#之CSS三种样式表
- html/css使用的三种样式
- css三种样式表区别,优先级。
- 使用样式CSS的三种方式
- css 三种样式的优先级问题
- div+css三栏样式
- 观察者模式
- 深入理解操作系统——第三章
- Ardunio菜鸟教程(三)
- 我的MVP学习之路
- 位运算1
- CSS三种样式
- 位运算2
- win10激活查询
- 位运算3
- 位运算4
- java学习日志(九)-- 工具类、静态代码块、单例设计模式
- 条件编译 #ifndef _HEAD_H...中下划线的理解!
- SQL函数
- C语言中的运算符易混淆概念总结