DiscuzX模板：【模板制作】-【CSS扩展】详解

discuzx, 网站的模板, 制作, css, 扩展

Discuz论坛建站程序系统X网站的模板：【网站的模板制作】-【CSS扩展】详解

在默认网站的模板基础上简单的修改、附加扩展 CSS 时只需在对应的网站的模板套系下添加一个对应的扩展 CSS 文件即可, 例如修改或扩展 common.css 中的具体代码如下, 只需在创建的网站的模板套系目录对应位置：common/ 文件夹下新建一个 extend_common.css 文件, 然后追加需要修改或者扩展的 CSS 具体代码如下。在生成缓存 CSS 时, 扩展具体代码如下会追加到默认网站的模板的 CSS 文件 tmplate/default/common/common.css 解析成当前的网站的模板 id 缓存样式文件。

discuz! X系列产品中 CSS 文件会在缓存时按照以下顺序进行合并：
- template/default/*.css 文件。
- 当前网站的模板是非默认网站的模板时, template/当前网站的模板目录/extend_*.css 文件或 template/当前网站的模板目录/*.css。
- 当某插件启用时, source/plugin/插件目录/template/extend_*.css 文件。
因此非默认网站的模板目录中的 CSS 属性将继承默认网站的模板中的 CSS 属性, 插件目录中的 CSS 文件将继承前二者的 CSS 属性。
CSS 自身的集成顺序为：当 CSS 属性名称相同时, CSS 文件中, 写在后面的替换前面的具体代码如下。

属性写在一行内, 属性之间、属性名和值之间以及属性与“{}”之间须有空格, 例如：.class { width: 400px; height: 300px; } 。
属性的书写顺序：
- 针对特殊浏览器的属性, 应写在标准属性之前, 例如：-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
- 按照元素模型由外及内, 由整体到细节书写, 大致分为五组：
  - 位置：position, left, right, float
  - 盒模型属性：display, margin, padding, width, height
  - 边框与背景：border, background

@版权声明名站网址导航声明： 1.该文观点仅代表作者本人，名站网址导航系信息发布平台，名站网址导航仅提供信息存储空间服务。 2.名站网址导航所发布的一切资源、破解补丁、注册机和注册信息及软件的解密分析文章等仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该网站程序，请支持正版软件，购买注册，得到更好的正版服务。 3.如有侵权请邮件与咱们联系删除或处理（邮箱：[email 988365@gmail.com]），本站将立即改正，谢谢。