前端小白入门day1 freecodecamp学习到的html和css基础

总之,经过筛选和考虑 决定先好好自学一波前端编程

最开始选定的是学堂在线前端视频 ,后来感觉有些听不进去。于是放弃这部分视频

现在选用的学习方式是看文档和在线编程做题

主要看:w3school和菜鸟教程中的html知识点  并且利用freecodecamp中文社区练习。在此做个笔记


1. html注释:

2.

以下是将h2元素的文本颜色设置为蓝色的示例代码:

CatPhotoApp

3.元素选择器

当你键入

CatPhotoApp

,你就给h2元素添加了inline style(内联样式)。内联样式是为元素添加样式的最简单有效的方式,但是更易于维护的方式是使用层叠样式表CSS(Cascading Style Sheets)。在代码的最顶端,创建一个如下的style元素:

在这个style元素内, 你可以为所有的h2元素创建一个元素选择器。比如,如果你想要将所有的h2元素设置为红色, 你的代码应该看起来像这样:

注意:一定要在属性值的后面加上分号;

4.类选择器

我们先声明一个类选择器:

上面的代码在