CSS Properties. It is a complex word and also practice, since CSS has become very used and so utile on our development. More or less, we try to keep up the step in front of the many code that daily appear and exists. We provide for you in the following article some of the usual CSS Properties of Colour and Backgrounds. Hope that you find it useful . This kind of post will appear, we hope to provide some of the most used examples that web developer use.

Enjoy it.

1.background-position

Values :

• percentage
• combination
• down-up-sides

continue reading "CSS Properties - Colours and Backgrounds"

CSS Properties. Valid Proprieties of CSS standard. It contains border-width, border-top-width, border-right-width, border-bottom-width, border-left-width/ border, border-top, border-right, border-bottom, border-left/ outline-width/ height/ margin, margin-top, margin-right, margin-bottom, margin-left…

Examples :

border-width, border-top-width, border-right-width, border-bottom-width, border-left-width

CSS code:

continue reading "Box Model - dimensions, padding, margin and borders"

Valid Proprieties of CSS standard. It contais letter spacing, font, font-family, font-size, font-weight, font-style, font-variant, line-height, letter-spacing, word-spacing, text-align, text-decoration, text-indent, text-transform, vertical-align, white-space.

Examples :

letter spacing

CSS code:

continue reading "CSS Properties - Text & Fonts"

Nesting

When CSS is well coded, structured you will need to use many ID selectors. That’s because other selector properties can be specify trough others.

continue reading "Nesting and Grouping"

Intro

Pseudo elements have a problem and suck on selectors like pseudo classes, and the form of selector : pseudoelement {property : value; } For pseudoelements there are 4 suckers

First In First out - Letter and lines

First - letter pseudo element is being applied to first letter to an element and logic the first-line to the top line of an element.

continue reading "Pseudo Elements - Advanced Tutorial"

The following article will provide you a CSS code to make a Calendar.

The Table

I will describe the data from the calendar tabular; the table element is semantically correct. So if you are going to use the tables as ‘positioning grid’ will make your site look wrong. But in case you will use them just for design, it’s ok, because it just presenting the tabular data. Tabular data is : calendars, charts, schedules, spreadsheets. If you will not use CSS code, you will have an unordered result. So, don’t try without CSS .!

continue reading "CSS Calendar - Tutorial"

Separate from Floats , CSS Specificity is being considerate a hard and complex concept of Cascading Style Sheets. If sometimes your CSS doesn’t respond to your codes, that’s because the different weight of selectors. The most important is to start to understand how your browser interpret your code. And for that you need to have an understanding on how specificity works. Such problems are made because the fact that on your CSS you have defined a more specific selector.
CSS Specificity is not that easy, and trough this article we are trying to explain the concept.

continue reading "Things that should be known about CSS Specificity"

Until now I hope that you know that CSS works and operates in three dimensions : height, width, and depth. On the last tutorials we have seen more ore less the first two. In this one we shall start using and see how different elements are becoming layers. Conclusion, the elements overlap one another.
In order to have a basic order in our elements we can give number to each element 1-index.  Choose what ever you like for numbering.

continue reading "Layer on layer tutorial"