Well, before moving to the Introduction of CSS; I would recommend to just refer the previously written article named as "About JavaScript & CSS3 in HTML" .
CSS is Cascading Style Sheets. I've simplified the meaning and the importance of CSS by giving an actress example. Like about the looking and dressing of an "xyz" actress in her normal days and how the looking and dressing sense changes while attending some celebrations or programs. This is just an analogy to show how simple the HTML structure is before adding CSS and the changes occur to the webpage or website after adding CSS into the HTML document. CSS properties gives refreshing look to the web page. CSS code includes selectors , properties and it's value. Selectors are nothing but the Html tags on which the CSS Styling is done. Properties can be height,width,size,color,style,margin etc. Values are like 400px for height ,400px for width,green for color,etc. CSS has control over font- size,style,color of the selectors . It also controls the website's layout designs and other effects as there is variations in the screen size or Laptop,mobile and other displays. There are three ways to insert CSS into the HTML, do check this article "Three Ways to Insert CSS in HTML document".
IT was invented by Håkon Wium Lie on October 10, 1994, he formed CSS3 working group to look after and maintain the CSS documents known as specifications; the group is named as W3C.
Includes new extended module features along with the old moldule specifications.
They are Selectors, Box model, Image Values and Replaced Content,Text Effects,2D/3D Transformations,Backgrounds and Borders,Animations,Multiple Column Layout,User Interface.
CSS is Cascading Style Sheets. I've simplified the meaning and the importance of CSS by giving an actress example. Like about the looking and dressing of an "xyz" actress in her normal days and how the looking and dressing sense changes while attending some celebrations or programs. This is just an analogy to show how simple the HTML structure is before adding CSS and the changes occur to the webpage or website after adding CSS into the HTML document. CSS properties gives refreshing look to the web page. CSS code includes selectors , properties and it's value. Selectors are nothing but the Html tags on which the CSS Styling is done. Properties can be height,width,size,color,style,margin etc. Values are like 400px for height ,400px for width,green for color,etc. CSS has control over font- size,style,color of the selectors . It also controls the website's layout designs and other effects as there is variations in the screen size or Laptop,mobile and other displays. There are three ways to insert CSS into the HTML, do check this article "Three Ways to Insert CSS in HTML document".
 |
| HTML vs CSS + HTML |
Invention of CSS3:
IT was invented by Håkon Wium Lie on October 10, 1994, he formed CSS3 working group to look after and maintain the CSS documents known as specifications; the group is named as W3C.
W3C members ratified the specification officially and they called it as recommendations. Because the W3C ie. World Wide Web Consortium can't takeover the control they only can recommend about the working of Internet and how it can evovle its structure or design.
About CSS Versions:
- CSS1 ie. the level 1 CSS, this version came out in December 1996. It is the official recommendation of the W3C; describes about a simple visual formatting model to all HTML tags.
- CSS2 ie next version level of CSS, which came out in May 1998. This version became the W3C recommendation which decribes about the additional features on CSS1 with having support media-specific style sheets e.g. downloadable fonts,printers and aural devices, element positioning and tables.
- CSS3 built on older CSS versions, came out in June 1999 ans become the W3C recommendation. This version divided the recommendation into documents and are declared as modules which futher extends it's fetures in CSS2 version.
CSS3 Modules:
They are Selectors, Box model, Image Values and Replaced Content,Text Effects,2D/3D Transformations,Backgrounds and Borders,Animations,Multiple Column Layout,User Interface.
Advantages of CSS:
- Easy to learn: Easy to understand and easy to learn the CSS language even by a 10th grade school going kid or by a non tech guy.
- Pages load faster: Once you wirte a CSS rule for a specific tag then you can reoccur the CSS style for the same HTML element to several different web pages. This behaviour of CSS of reoccurrence of the similar style formate for other webpag's tags when the tags are defined once earlier; leads to load the pages faster as the codesize is less.
- Saves time: Apply CSS on each HTML tag, so as to use it in several web pages. You can write CSS once and can reuse the sheet on multiple HTML web pages of a website.Thus it helps to save your time.
- Superior styles to HTML:CSS has wider arrays of attributes to design and represent to give the best look to a website. CSS attributes are much better than the HTML attributes in about styling the webpages.
- Easy mantainance: When there is need to make global change to a website, then just change/update the CSS rule for various HTML tags. THus it is easy to mantain the CSS design of website.
- Multiple Device compatibility: The same CSS code along with the HTML document becomes valid and best for content optimizing, when the website run through several different displays or screen sizes. Different versions of a website can be presented for handheld devices such as PDAs and cell phones or for printing.
- Platform Independence: The CSS script can run over various latest browsers and is not a platform specific.
- Global Web Standards:Now HTML attributes are deprecated so it is recommended to use CSS. Thus using CSS in all the HTML pages to make them compatible to future browsers.
- Offline Browsing: The speciality of CSS that it can store automatically the web applications in the catche. Can view the sites offline and also loads the page quickly.
No comments:
Post a Comment