Angular使用css

1.全局引入(index.html)

<link
rel="stylesheet"
href="http://demo.joyousphper.com/angular/part2/assets/css/video.css"
crossorigin="anonymous"
/>

2.全局样式文件(styles.css)

需要配置angular.json文件中

“styles”: [“src/styles.css”],

3.组件样式

3.1可以使用link引入到组件的html文件中

3.2可以使用<style>标签编写css文件

3.3可以在ts文件当中的定义styleUrls

3.4可以组件的html当中使用import导入组件(主要导入的时候路径 )

<style>
  @import url("assets/forms.css");
</style>

不然可能打包子目录的时候会出现css文件404的情况

Tagged . Bookmark the permalink.

Comments are closed.