1 Star 0 Fork 0

zjgwh/wangzhan

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
学习笔记.txt 833 Bytes
一键复制 编辑 原始数据 按行查看 历史
zjgwh 提交于 2016-11-14 18:12 . 0
一、sytle用法
样式的属性多达几千个,但别担心,按照80-20原则,常用的也就几十个,你完全可以掌握它。
当你键入<h2 style="color: red">CatPhotoApp</h2>,你就给h2元素添加了inline style(内联样式)。
<style>
选择器 {属性名称: 属性值;}
h2 {color: red;}
</style>
二、
上节课我们学习了元素选择器,这节课我们学习类选择器。
我们先声明一个类选择器:
<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选择器。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/zjgwh/wangzhan.git
git@gitee.com:zjgwh/wangzhan.git
zjgwh
wangzhan
wangzhan
master

搜索帮助

23e8dbc6 1850385 7e0993f3 1850385