要将CSS和额外的HTML添加到app.component.html中，可以按照以下步骤进行操作：

1. 在项目的根目录中打开终端或命令提示符。

2. 确保已经安装了Angular CLI，如果没有安装，可以使用以下命令进行安装：

npm install -g @angular/cli

3. 进入你的Angular项目的根目录，并使用以下命令生成一个新的组件：

ng generate component extra-content

4. 这将在src/app目录下生成一个名为extra-content的新组件，并自动将其添加到app.module.ts文件中。

5. 打开src/app/app.component.html文件，并将以下代码添加到文件中：

Welcome to my Angular app!

这将在app.component.html中添加一个标题和extra-content组件。

6. 打开src/app/extra-content/extra-content.component.html文件，并将额外的HTML代码添加到该文件中，例如：

This is some extra content.

这将在extra-content组件中添加一个段落。

7. 打开src/app/extra-content/extra-content.component.css文件，并将CSS代码添加到该文件中，例如：

p {
  color: red;
}

这将将段落文本的颜色设置为红色。

8. 保存所有文件并运行Angular应用程序：

ng serve

9. 在浏览器中打开http://localhost:4200，你将看到app.component.html中的标题和extra-content组件，以及extra-content.component.html中的额外内容和CSS样式。

这样就可以成功将CSS和额外的HTML添加到app.component.html中了。