Now after taking Quick Intro about the WEB PAGE STRUCTURE, Let's talk about the WEB PAGE STYLING..??
Webpage Styling simply indicate about the CSS and CSS3, which is used to give proper style and enhance the look and feel of the webpages.
CSS played a very important role in FRONT-END ENGINEERING.
CSS provide powerful control over the presentation of HTML document.
CSS defines Styles Rules, which is used by the browser first, then applied to the corresponding element.
Styles Rules Defines:
Selector: is an HTML tag, on which we want to apply style.
Property: is a simple CSS property which allowed styling for an HTML tag.
Value: assigned to properties for controlling HTML Tag.
Example:
table{border:1px solid #000;}
table } is a HTML Tag or Selector.
border } is a CSS property.
1px solid #000 } is simply a value to property.
CSS Declaration:
Usually we declare CSS under the <head></head> Section.
External CSS:
<link href="css/style.css" rel="stylesheet">
Internal CSS:
<style> a{text-decoration:none;} </style>
Inline CSS:
<a href="www.chiragwebmaker.com" target="_blank" style="text-decoration:none;color:#000;font-size:16px;">www.chiragwebmaker.com</a>
There are so many properties of CSS, which have powerful control for the standard structure.
Like: Floating Elements, Display Property, Clear Property, Position Properties, Z-index etc.
Now Turns to CSS3:
CSS3, what a enhancement..?? Awesome.
CSS3 allows us to smartly play with the webpage structure by using lot of animations, transitions, background effects, border-radius, transforms effects and many more.
Yes, i'm telling you it's just an awesome experience i enjoyed with CSS3 and now beginner's are going to enjoy. These are the new properties introduced in CSS3, which i have told above.
You can take a brief about CSS and CSS3 from these portals:
http://www.w3schools.com/css/
http://www.w3schools.com/css/css3_intro.asp
Webpage Styling simply indicate about the CSS and CSS3, which is used to give proper style and enhance the look and feel of the webpages.
CSS played a very important role in FRONT-END ENGINEERING.
CSS provide powerful control over the presentation of HTML document.
CSS defines Styles Rules, which is used by the browser first, then applied to the corresponding element.
Styles Rules Defines:
Selector: is an HTML tag, on which we want to apply style.
Property: is a simple CSS property which allowed styling for an HTML tag.
Value: assigned to properties for controlling HTML Tag.
Example:
table{border:1px solid #000;}
table } is a HTML Tag or Selector.
border } is a CSS property.
1px solid #000 } is simply a value to property.
CSS Declaration:
Usually we declare CSS under the <head></head> Section.
External CSS:
<link href="css/style.css" rel="stylesheet">
Internal CSS:
<style> a{text-decoration:none;} </style>
Inline CSS:
<a href="www.chiragwebmaker.com" target="_blank" style="text-decoration:none;color:#000;font-size:16px;">www.chiragwebmaker.com</a>
There are so many properties of CSS, which have powerful control for the standard structure.
Like: Floating Elements, Display Property, Clear Property, Position Properties, Z-index etc.
Now Turns to CSS3:
CSS3, what a enhancement..?? Awesome.
CSS3 allows us to smartly play with the webpage structure by using lot of animations, transitions, background effects, border-radius, transforms effects and many more.
Yes, i'm telling you it's just an awesome experience i enjoyed with CSS3 and now beginner's are going to enjoy. These are the new properties introduced in CSS3, which i have told above.
You can take a brief about CSS and CSS3 from these portals:
http://www.w3schools.com/css/
http://www.w3schools.com/css/css3_intro.asp
No comments:
Post a Comment