首页 >> 牛刀云小程序开发教程 >> 第2篇 开发模式 >> 页面开发 >> 开发CSS

14.3.2 自定义CSS文件

在页面的样式文件中定义的CSS只能在本页面中使用,其它页面如果也要使用这个样式,就添加一个CSS文件,作为公共CSS文件,将公共样式定义在公共CSS文件中,在需要使用这个CSS样式的页面中引用公共CSS文件。

1、添加自定义CSS文件

在页面制作区的页面栏的“文件”目录下,添加CSS文件,例如:pub.css文件。在其中定义公共样式,如图14-8所示。

14-8  自定义CSS文件

 

2、引用自定义CSS文件

在页面文件中引用自定义CSS文件后,就可以在组件的“自定义样式”属性中设置自定义CSS文件中定义的样式。在页面文件中引用自定义CSS文件的方法是:切换到设计区,单击“页面结构”下拉菜单,在“资源”上单击鼠标右键,弹出菜单,如图14-9所示,选择“增加CSS引用”菜单命令,选择自定义CSS文件即可。

14-9  引用自定义CSS文件