What is CSS

Web designing is a fundamental section of web development. The notion of having a dynamic web page started off with a web designing language known as CSS. CSS stands for Cascading style sheets and it is readily used in web page styling. The limitation of HTML in terms of styling was quite visible in the 90s and the need of a styling language became imperative. Thus, in this way CSS originated. CSS is generally used with markup languages such as HTML and XHTML. The standards and specification of CSS is preserved by W3C or World Wide Web Consortium. CSS empowers a web designer to control every section of HTML. With the use of CSS, we can control the color, font and layout of web pages. CSS is of utmost importance when it comes to designing websites.  

Importance of  CSS

The history of web designing over the years reveals the importance of styling language. However, styling language such as CSS is not a programming language. It is a versatile, simple and overall a robust language. Simplicity is one of the major highlights of CSS. It is also versatile in nature as there are a lot of ways to implement CSS. The semi-OOP type characteristics of CSS makes it robust.  

Syntax of CSS

If you look closely to CSS syntax, you will straightway relate to the OOPs model. Yes, CSS is not object oriented but it defines the template for particular section of HTML tags. CSS syntax is extremely simple to code. Beginners just need to have basic knowledge of HTML and they can easily learn CSS. Yes, proper understanding of HTML is essential otherwise learning CSS will became difficult. CSS syntax chiefly consists of selectors. These selectors are nothing but a name given to particular section of a Web page such as header, footer, and sidebar etc. or to HTML tags.  

selector{

………..;

………..;

}

These selectors consists of different properties such as font, size, color, and actions etc. The properties have some values like a color property will have white or grey or black as its value. The value forms the basis of styling. An example of standard CSS syntax:

Header { font: sans serif; color: grey; font size: 12px;}

On the basis of use, selectors are further differentiated into two types, class selector and id selector.Class selectors are those selectors which needs to frequently implemented in almost every section of a web page. On the other hand, the selector which is applied to a specific section of a web page is known as id selector. Id selector is usually used once throughout the syntax. For an instance, designers keep  their navigation bar, header, and footer unique with respect to other sections of a web page. So, use an id selector for header and navigation bar etc. and class selectors for the remaining sections. The selector starting with (.) is a class selector and the other one (#), is an id selector.

.a{

font: sans serif;

}

#header{

font: sans serif; color: grey; font size: 12px;

}

admin