Angular 9 系列（十一）定义样式的5种方法

小渣渣

Angular 9 系列（一）动态加载组件
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 系列（二）动态组件传参
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 系列（三）订阅动态组件事件
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 系列（四）自定义 Pipe 管道
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 系列（五）格式化金额货币格式
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 系列（六）调用原生JS变量和方法
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 系列（七）css样式作用域
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 系列（八）更新子组件的值通过set触发事件
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 系列（九）#id 选择器在页面应用
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 系列（十）嵌入vconsole、eruda开发者调试面板
https://www.itsvse.com/thread-9286-1-1.html

在学习css样式表的时候，在HTML中常用以下3种方式定义baiCSS：Embedding（嵌入式du）、zhiLinking（引用式）、Inline（内联式）。

本文使用5种方式来设置 div 的样式：

• 设置div背景色为红色
• 设置宽度和高度为100px
• 设置字体大小为20px
• 设置字体颜色为白色
• 设置黑色边框
  

效果图如下：



代码如下：

登录可见。

登录可见。

（完）