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

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

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

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

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

1. html注释： <!--       -->

2.

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

<h2 style="color: blue">CatPhotoApp</h2>

3.元素选择器

当你键入<h2 style="color: red">CatPhotoApp</h2>，你就给h2元素添加了inline style(内联样式)。内联样式是为元素添加样式的最简单有效的方式，但是更易于维护的方式是使用层叠样式表CSS（Cascading Style Sheets）。在代码的最顶端，创建一个如下的style元素：

<style></style>

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

<style>
<!--  选择器 {属性名称: 属性值;}  -->
  h2 {
color: red;
}
</style>

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

4.类选择器

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

<style>
  .blue-text {
    color: blue;
  }
</style>

上面的代码在 <style> 标记中声明了一个叫做 blue-text 的类样式。

然后在h2元素上应用我们声明的类选择器：

<h2 class="blue-text">CatPhotoApp</h2>

注意：在CSS中，类选择器应该添加.为前缀。而在HTML中，class属性不能添加.为前缀。这是因为在CSS中如果类选择器前不添加. 浏览器就会误认为类选择器是一个元素选择器。

5.

字号是由样式属性font-size来控制的, 如下：

h1 {
  font-size: 30px;
}

用 font-family属性来设置元素的字体。
以上内容来自freecodecamp教程。