TEMPLE

OF

CSS

A Cascading Style Structure

High in the mist mountains, with high winds stood many temples but only one shown of glowing blue and white.  It was as though the bright blue sky and fluffy clouds had rested on the building.  The structure rose in layered terraces of white stone and blue stone.

Five tall towers (i.e. Angkor Wat), glazed in deep cerulean blue and etched with flowing symbols, supported sweeping roofs whose edges curved like calm waves frozen in motion.  The temple and others nearby stretched out in an architectural Mandala.

Each part of the temple displayed the beauty possible with knowledge inside.  At the heart of the temple stood the Hall of Resonance, where walls of white marble were traced with faint blue glyphs that shimmered when chants were spoken correctly.  Showing not just visual beauty but the beauty of sound.

The Humble Bears

Within its walls a bear of smaller size and a more temperate behavior inhabit and care for the temple and the knowledge inside.  Sun-moon bears are anthropomorphic upright species that live high in the mountains. 

 They were given the honor of keepers of the CSS temple, third incantation of the celestial style scrolls.   On earth, this is similar to the CSS 3 that styles web documents for the web.

Each scroll held a different essence: the curve of a petal, the warmth of a sunrise, the harmony of a well‑spoken truth. To the monks, beauty was not decoration. It was a force. A binding. A way the world remembered how to be whole.

The monks tended the scrolls with reverence. Some spent their days restoring faded ink with pigments ground from rare minerals. Others meditated before the open manuscripts, letting the beauty within seep into their thoughts until their very presence softened the world around them.

There work allowed the mundane to become extraordinary.  It was not just the natural land they would improve upon but the very structures of the people, to keep them in harmony with the world.

CSS Introduction

CSS is an abbreviated version of Cascading style sheets; the language used for styling web pages.  Stylings can apply to multiple web pages to give a website a consistent style.

Cascading style sheets are usually saved as separate files with a .css extension.  An Example is styles.css.  We start with selectors that will point to an html element you want to style.

CSS Selectors

CSS selectors are basically patterns that tell the browser which elements your CSS rules should apply to. Think of them as the “address system” of the webpage they let you point at exactly the elements you want to style

Common CSS selectors are tag names which are the names of the elements.  p, div, and h1 tag name selectors point to the
<p></p>,
<h1></h1>,
<div></div>
HTML elements.  Class names from an HTML can be selected with a period followed by the name.  HTML id names are selected with a hash tag followed by the name.

HTML

				
					<h1>Welcome</h1>

<p class="intro">This is an intro paragraph.</p>

<div id="main-box">
  Content inside the main box.
</div>

CSS

				
					h1 {
  color: blue;
  font-size: 2rem;
}

.intro {
  color: #444;
  font-style: italic;
}

#main-box {
  background: #f0f0f0;
  padding: 20px;
  border-radius: 8px;
}

Webillion Celestial Style Scroll selectors point to the Hyper Text Magic Language elements for specific HTML scrolls.  They do have the capability to target the real-life elements created from the HTML elements often with unforeseen results, when used outside of a scroll.

CSS Declerations

Within a block of curly braces, { },  the declarations are placed.  The code above shows CSS declarations. A CSS declaration is made of two parts, The property that points to what to change in the HTML element.  The value that changes the HTML element structure such as size, color, position.

The HTML element is like a box and properties like width and height change the proportions of the box that is displayed on the website.  The syntax of each declaration starts with the property, a colon, the value, and the semicolon, { property: value; }. Together with the selector it makes CSS rules for the HTML element.

Celestial Style Scrolls for declarations of Webillion structures are only created when the basic form is made by the Hyper Text Magic Language.  Therefore, there must be constant communication between the CSS Temple and the HTML Temple.  The declarations must be decided on and should not be changed.  Changing declarations, adding or removing them can be catastrophic for the digital physical world. It is not as simple as repainting a house or digging a hole.

Applying CSS

Once a Celestial Style Scroll is created for it to be applied to the Hyper Text Magic Language document it must be linked.  In earlier times, before the CSS Temples it was written in the HTML scroll.  an element would be written with the phrase “style” within it’s binding tags (><).  

an example of such lettering is, “>p style=”color:blue;”<blue colored object>/p<.  As a reminder, Webillion elements have inverted binding tags from earthly ones.  All the style declarations were placed in the quotes. 

Later on, in the ages. styles were places inside a unique HTML element, >Style<.  Between >style< and >/style< were all the CSS rules for that one single HTML document.