训练10-使用一个CSS Class去给标签定义Style
来源:互联网 发布:excel vba编程 编辑:程序博客网 时间:2024/05/21 17:33
上节课我们学习了元素选择器,这节课我们学习类选择器。
我们先声明一个类选择器:
<style>
.blue-text {
color: blue;
}
</style>
上面的代码在 <style>
标记中声明了一个叫做 blue-text
的类样式。
然后在h2元素上应用我们声明的类选择器:
<h2 class="blue-text">CatPhotoApp</h2>
注意:在CSS中,类选择器应该添加.
为前缀。
而在HTML中,class属性不能添加.
为前缀。
这是因为在CSS中如果类选择器前不添加.
浏览器就会误认为类选择器是一个元素选择器。
任务:在你的style
元素中,修改h2
选择器为.red-text
选择器,并把颜色值从blue
修改为red
。
最后在h2
元素上应用我们声明的.red-text
选择器。
0 0
- 训练10-使用一个CSS Class去给标签定义Style
- 训练9-使用CSS选择器定义标签
- 使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性
- 使用css直接定义input标签
- css标签定义
- css中id、class、style的优先级
- css style与class之间的区别
- [ASP.NET-VIII] ASP.NET 使用CSS[行内式(style) 嵌入式(class)] + table布局前端控件I
- 使用caffe训练一个多标签分类/回归模型
- 使用caffe训练一个多标签分类/回归模型
- 使用caffe训练一个多标签分类/回归模型
- DedeCms 给html标签加上自己的class样式(css)
- C#实现越过CSDN博客中不能使用CSS的style标签功能
- 给css样式定义排序
- 训练18-HTML 给标签增加边框
- ofbiz——如何使用set标签定义一个数组
- 训练11-HTML 为多个元素使用CSS类定义样式
- 使用CSS定义一个和屏幕宽度一样正方形容器
- C++宏与类
- 数据结构
- Linux Shell之cut命令
- Android 热修复 Tinker接入及源码浅析
- Android studio 运行出现Error running app: This version of Android Studio is incompatible with the Gradle
- 训练10-使用一个CSS Class去给标签定义Style
- 2.1 Spark基本原理以及核心概念
- 0、WSO2 API Manager概述
- HWC blending mode
- 关于mysql日期格式化的一点心得
- Android SQLite详解
- Android 解析二维码图片
- bash: vi: command not found...
- 第一篇博客