前台css样式文件

名扬银河数字官网系统的前台css样式文件文档

一、前台css样式文件是什么？

1、网站系统默认内置了一个支持前台页面通用的css样式、支持各类组件呈现效果的css文件，此css样式文件为/res/c/p.css。建议在前台页面中直接引用该css文件即可。<link rel="stylesheet" href="/res/c/p.css?[cssjsver]"/>。若网站页面不需要用到各类组件的，可以不引用该css样式文件的，使用自己定义的样式信息。

2、网站系统管理者在后台自定义创建的css样式文件，可直接在网站页面代码中引用生效。如果网站前台页面的整体布局排版量较少，或各页面的css样式内容量不多的情况，可直接创建一个css样式文件来前台各页面共同通用。

3、网站系统管理者自行在站点目录下放置的css样式文件，引用到网站页面代码中使用。

二、前台css样式文件如何在线创建？

1、前台css样式文件是指网站系统管理后台所创建的css样式文件。请登录网站系统管理后台，点击左侧系统菜单【css样式文件列表】进入创建操作。

2、备注名称：设置一个备注名，方便识别查看。

3、css文件名称：注意此名称不能加入后缀信息！文件名只支持字母、数字、下划线、短横线。须在前台css样式文件中具有唯一性！比如：首页独立的css样式文件index，资讯首页的css样式文件news，资讯详情页的css样式文件news_info。

4、css样式内容：设置具体的css样式内容。注意，网站系统默认使用的是utf-8编码，请将css样式文件的编码统一使用utf-8编码，以免造成样式无效或不兼容情况。

5、点击添加按钮保存。

三、前台css样式文件如何使用？

1、如果是在网站管理后台创建的css样式文件，使用“引用css文件地址”信息放置到页面代码中使用。

是用于网站统一控制解决更新css样式文件内容在浏览器中存在缓存的问题。也可以不使用[cssjsver]，直接自行手动设定版本字符串信息，也可以不使用任何版本字符串信息。

2、如果是自行放置在站点目录下的css样式文件，直接引用即可。

3、对于一些页面的特殊情况，页面涉及的css样式比较独立化，且内容不多时，可以考虑不用创建css样式文件方式，直接在页面代码中定义css样式内容。直接在<style type="text/css">.....</style>中定义css样式内容。