To design or edit the theme for the blog theme, you need to know about CSS. But talk is to know about CSS is too wide, so now we'll start slowly and learn to conquer CSS. To successfully conquer something you should first know what it is. Come on, let us begin.

What is CSS?

CSS is the abbreviation of the English phrase "Cascading Style Sheets", a design using multiple layers of stacked format. CSS is the World Wide Web (W3C) introduced in 1996. The simplest way to understand CSS is to treat it as an extension of HTML to help simplify and improve the design for the site.

CSS is a utility that you only have to define the style (style, format, etc..) Once and the browser can apply this style multiple times within a document. For example, if you want a title of your blog post with bold strokes and blue, instead of repeating the values of this bold and green for each title, you only need to define bold blue and a Style and Style will be applied to all titles that you want.

Advantages of CSS

- CSS can separate the formatting from a content site, so it will be very convenient when you want to change the look of a site.

- CSS is a thread through the process of designing a website because it allows designers to control the entire user interface, style and arrangement of multiple pages in one or more of the definition. To change the overall or more objects have the same style, just change it and immediately Style all Style components which will apply the change. It saves you a lot of effort.

- Due to the Style definitions can be separated from the content of the site, the browser loads them once and used many times, so it helps the site lighter and faster.

The basic features of CSS

- CSS specifies how to display the HTML tags by specifying the attributes of that tag (font, color). For convenience you can set all the attributes of the card into a separate file extension is. "Css", usually people tend to name it stylesheet.css.

CSS it breaks limited to web design, by just one CSS file can allow you to manage multiple formats and layouts on different pages. Web developers can define certain attributes of the available HTML tags and then it's something that can be reused on multiple pages.

- CSS can be declared in different ways. You can put your CSS inside the card ... , or burn it to a separate file with the extension. "Css", plus you can also put them in each separate HTML .

Order placement

Style will be applied when more than one style specified for an HTML element? Depending on how set different priorities for it's different. The priority this week in the following order:

1. Inline Style - Style HTML tags placed in each individual.

2. Stylet inside - Style tags placed inside ... .

3. External Style - Style placed in separate files ending in ". Css."

4. Style as the default browser.

- CSS inheritance and combining

Inheritance

Suppose that at the beginning of the file you declare styleshet.css for Body has the following attributes:

body {

                font: Arial, Verdana;

                background: # FF6600;

}

But in case you want to declare for the smaller objects that are in the Sidebar:

# Sidebar {

                with: 300px;

                padding: 10px;

                font: Tahoma, Verdana;

}

After this period, the Sidebar will declare attributes:

# Sidebar {

                background: # FF6600;

                with: 300px;

                padding: 10px;

                font: Tahoma, Verdana;

}

Thus, the Sidebar has inherited attribute of the Body background, and font attributes that are pressing on Tahoma Arial font attribute was declared in advance.

Cohesive

CSS can define the same attribute much rather have to define each one individually.

For example:

h1, h2, h3, h4 {

Font-family: Tahoma, arial;

Color: # D4D4D4;

}

Instead of separate definitions for each.

h1 {

Font-family: Tahoma, arial;

Color: # D4D4D4;

}

 

h2 {

Font-family: Tahoma, arial;

Color: # D4D4D4;

}