Sideway
output.to from Sideway
Draft for Information Only

Content

CSS Wrapper
 Wrapper and Container
 Cascade, Inheritance, and Inheritance
 Functions of a CSS Wrapper

CSS Wrapper

Wrapper and Container

The word container is usually to name a tagged element that is used as the document structure builder for containing document content. A container may contain one, or more than one tagged elements which are grouped together to form a functional structure of a document. While a wrapper is a tagged element that is used as an interface for wrapping around another object to alter the functionality or layout of the wrapped object in the document.

In other words, container usually works with the context of document structure of a ducument and wrapper works with the context of presentation format of a document. CSS wrapper may be in simple, compound and complex forms which suited for simple to complex presentation.

Although a CSS wrapper is usually refered to as an additional tag used to wrap a functional container, sometimes a functional container can also be acted as a CSS wrapper to replace a dummy CSS wrapper when a functional container hold simple structure only.

Cascade, Inheritance, and Inheritance

The cascade, inheritance, and specificity are the most important features of CSS. These features are all based on the parent-child and sibling relationships. Sometimes, these relationships may cause trouble when designing a complex webpage. A CSS wrapper provides a simple solution to tackle these problems by either creating an isolated parent-child or sibling relationship, or breakng an existing parent-child or sibling relationship.

Functions of a CSS Wrapper

Some typical functions of a CSS wrapper are

  • A isolating wrapper is to isolate a contioner as a seperated container such that the unneeded cascade, inheritance, or specificity feature will be stopped by breaking the parent-child or sibling relationship. sibling relationship will be broken
  • A packing wrapper is to pack a functional container as an individual container such that the whole functional container can be modified and reused easily without altering the tagged elements insides a container.
  • A decorating wrapper is to add a decorating out tag to a container such that the presentation of the container can be altered by the additional tag.

©sideway

ID: 180200041 Last Updated: 16/3/2019 Revision: 0 Ref:

close

References

  1. http://www.w3.org/TR/1999/REC-html401-1999, 1999
close

Latest Updated LinksValid XHTML 1.0 Transitional Valid CSS!Nu Html Checker Firefox53 Chromena IExplorerna
IMAGE

Home 5

Business

Management

HBR 3

Information

Recreation

Hobbies 7

Culture

Chinese 1097

English 337

Reference 67

Computer

Hardware 149

Software

Application 187

Digitization 24

Numeric 19

Programming

Web 757

CSS 1

ASP.NET 1

Regular Expression 1

HTML

Knowledge Base

Common Color 1

Html Entity (Unicode) 1

Html 401 Special 1

OS 389

MS Windows

Windows10 1

.NET Framework 1

DeskTop 7

Knowledge

Mathematics

Formulas 8

Algebra 20

Number Theory 206

Trigonometry 18

Geometry 18

Calculus 67

Complex Analysis 21

Engineering

Tables 8

Mechanical

Mechanics 1

Rigid Bodies

Statics 92

Dynamics 37

Fluid 5

Fluid Kinematics 5

Control

Process Control 1

Acoustics 19

FiniteElement 2

Physics

Electric 10

Biology 1

Geography 1


Copyright © 2000-2019 Sideway . All rights reserved Disclaimers last modified on 06 September 2019