Web Development Using CSS

Web Development Using CSS By Bhaskar Machcha (MCA I)

Introduction HTML HTML (Hypertext Mark-Up Language) is what is known
as a "mark-up language" whose role is to prepare written documents using formatting tags. The tags indicate how the document is presented and how it links to other documents. 2

 CSS CSS stands for Cascading Style Sheets and is
a simple styling language which allows attaching style to HTML elements. Style sheets contain a number of CSS Rules. Each rule selects elements in an HTML document. These rules define how the elements will be “styled”. 3

CSS Syntax selector {property: value;} Example: body {color: black;} 4

Types of Selectors  Tag Selector  Customized Selector 5

Tag Selector  Uses the tag name as a selector
E. g.: <style> Body { backgorund:red; } </style> 6

Customized Selector  It uses the customized names as the
selectors. E.g.: <style> #mystyle { Background:red; } </style> <body> <div id=“mystyle”> Hello Friends </div> </body> 7

3 Ways to put CSS & HTML Together 1. Internal
Style Sheet . 2. External Style Sheet. 3. Inline Style. 8

Internal Style Sheet Internal Style Sheet inside the <head> element
of an HTML page. Example: <head> <style> <!— body {font-family: verdana, Helvetica, sans-serif; color:blue;} --!> </style> </head> 9

External Style Sheet Referring to an external file which contains
a style sheet, by using the 'LINK' element. Example: <head> <link rel="stylesheet" href="abc.css" /> </head> 10

Inline Style Sheet Using a style element inside the document
body, attached to a tag. Example: < p style="color: red; margin-right: 40px";> This paragraph has different style </p> 11

Advantages Easier site maintenance It lets you separate content from
presentation CSS keeps the file size smaller The pages of the website loads faster CSS saves time CSS is easier to manage 12

Disadvantage Browser compatibility. 13

Web Development Using CSS

Web Development Using CSS

Bhaskar Machcha

More Decks by Bhaskar Machcha

Other Decks in Programming

Featured

Transcript