First , Each page loads the following two css,data/cache/style_1_common.css and data/cache/style_1_forum_index.css.

Let's talk about the naming rules of these two file names first : The first one is for the whole station css, So it's called common.css, Then the code in front is which style you used , therefore style_1_common.css The expression is the first set of common style css; The second is to say forum Of index Page style , That is the style of the front page of the forum .

Let's talk about those two css How is it generated .
First , The two css It's program generated css cache , So you have to change css Words , You can't change those two files directly , Otherwise, an update cache , The previous changes have no effect . You can see template In each set of templates , Take your own default Let's take the template as an example ,default In the template , With one common Folder , There are css file ,common.css The corresponding one is the one that generates the cache style_1_common.css file ,style_1_forum_index.css The corresponding is module.css.

common.css Nothing special , There are also css Explanation , With ordinary css almost .
Let's open module.css, You can see the explanation ,

/** group::index **/
/* group index Module used CSS */
/** end **/

/** group::index **/ Start to /** end **/ end , That is the group Channel index Module used CSS, That is, the home page template corresponding to the group channel will use CSS.

Another example ,/** misc::invite,group,forum::viewthread **/ Start to /** end **/ end , That is the misc Channel invite modular 、group All modules of the channel and forum Channel viewthread Module used CSS.

ok, You can learn from this , Including you want to expand him , Can be added directly in it .

Let's talk about caching css How is it generated ,common.css Relatively simple , It's direct reading , And then generate to data/cache Under the table of contents . Each channel module is independent css, Will be will be module.css stay data/cache Next, generate a corresponding style id Under the cache of css, And then when you visit a channel , It will generate css, here , The logos just described work . The procedure will be based on /** group::index **/ and /** end **/ This logo , Which channels are split up 、 Which modules need which css.

The program part will not be introduced , The code of the program is mainly in source/class/class_template.php Document processing , Interested students can have a deep research .

Discuz! X Of CSS More articles on loading mechanism

  1. css Will loading cause blocking ?

    Finally, the exam is over , Today, I suddenly remember when I was looking for an internship a while ago , Today's headline interviewer asked me ,js Execution will block DOM Tree parsing and rendering , that css Load will block DOM Tree parsing and rendering ? therefore , Next I'm going to css Load on DOM Tree parsing and rendering ...

  2. css Will loading cause blocking

    This article is You Yun. + Community publication author : Hey, hey, hey You probably know that ,js Execution will block DOM Tree parsing and rendering , that css Load will block DOM Tree parsing and rendering ? Next , I'll do it css Load on DOM Do a test on the effect of tree parsing and rendering . by ...

  3. css Whether the load will block dom Tree rendering

    It's about head introduction css The situation of First , We all know :css It is downloaded asynchronously by a separate download thread . Let's first analyze css What does loading affect , The question just now is too general , We need to refine . What will it affect ? One is DOM Tree analysis , ...

  4. jvm series ( One ):java Class loading mechanism

    java Class loading mechanism 1. What is class loading Class loading refers to the loading of classes .class Binary data in the file is read into memory , Place it in the method area of the runtime data area , Then create a... In the heap area java.lang.Class object , To encapsulate ...

  5. css Load optimization

    <head> <script> // https://github.com/filamentgroup/loadCSS !function(e){"use stric ...

  6. 【 front end 】CommonJS Module loading mechanism

    CommonJS Module loading mechanism CommonJS The loading mechanism of the module is , The input is a copy of the output value . in other words , Once a value is output , Changes within the module do not affect this value . for example : // lib.js var counte ...

  7. Yii2 Deep learning of -- Autoload mechanism

    Yii2 The automatic loading of is divided into two parts , Part of it is Composer The automatic loading mechanism of , The other part is Yii2 The automatic loading mechanism of the framework itself . Composer Automatic loading For the auto loading information of the library ,Composer It generates a   ...

  8. For the grid layout picture to create a dazzling CSS Loading animation

    today , I'd like to share with you some cool pictures specially made for grid layout CSS Load animation . You can use these effects in your portfolio , Blog or any web page you want . The setup is simple . We used the following tool libraries to achieve this effect : Norm ...

  9. Dazzle ! A set of single element implementations CSS Loading progress prompt effect

    In previous articles, we shared various types of loading effects (Loading Effects), Here's a set of implementations based on a single element CSS Load Animation Collection . These loading effects are based on a DIV Element implementation , Very strong . Cozy ...

Random recommendation

  1. string Of + Operation and StringBuilder object

    Used to C# The code says str+="xxx"; Please pay attention to this code , If this operation is for a single variable to do many times superposition operation , It's likely to cause performance degradation . Everybody knows string And StringBuilder ...

  2. [Tool] through PowerPoint Online Embed a briefing in a blog post

    [Tool] through PowerPoint Online Embed a briefing in a blog post Preface During the lecture , use PowerPoint Make a presentation , It seems to have become a routine of teaching . And after class , Organize the class briefing into blog articles , If it's just ...

  3. stay ServiceModel In the client configuration section , Reference agreement not found “WebServiceTest.WebServiceSoap” Default endpoint element for . This may be because the configuration file for the application was not found , Or because of the client element

    original text   http://blog.csdn.net/bugdemo/article/details/9083497 The theme technology In reference to WebService after , The program runs to instantiation WebService Times wrong , ...

  4. 【 CodeForces 604A】B - Especially water 2-Uncowed Forces

    http://acm.hust.edu.cn/vjudge/contest/view.action?cid=102271#problem/B Description Kevin Sun has jus ...

  5. ZOJ --- 3516 Tree of Three

    Tree of Three Time Limit: 2 Seconds      Memory Limit: 65536 KB Now we have a tree and some queries ...

  6. Python3.5 Learning notes - list 、 Tuples 、 Dictionaries

    Python Variables in do not need to be declared . Each variable must be assigned a value before use , The variable will not be created until it is assigned a value . stay Python in , Variable is variable , It has no type , What we say " type " Is the type of object in memory that the variable refers to ...

  7. I'll teach you how to use .NET Core Write about reptiles

    Write it at the front Since the last project 58HouseSearch from .NET Migrate to .NET core after , It took me a month to launch the new version . And recently a new pit was opened , To make a Dy2018Crawler For climbing dy20 ...

  8. FFPLAY Principle

    Summary Movie files have many basic components . First , The file itself is called a container Container, The type of container determines where the information is stored in the file .AVI and Quicktime This is an example of a container . next , You have a set of streams , for example , You often have ...

  9. Java Advanced design pattern 6 ----- Combination mode and filter mode

    Preface In the last article, we learned about the appearance pattern and decorator pattern of structural pattern . In this chapter, we will learn the combination mode and filter mode . Portfolio model brief introduction Composite pattern is used to treat a group of similar objects as a single object . Combining patterns combine objects according to a tree structure , be used for ...

  10. Sprint The third stage of the sprint 3-5 God Database code

    Database code : package com.example.brdemo; import android.app.Activity; import android.content.Intent; impor ...