CASCADING STYLE SHEETS CSS Faculty of Computer Science and Engineering CSE INTRODUCTION CSE Cascading Style Sheets enable you to control the style and layout of a web page They will enable you to specify link styles, fonts, margins, tables, colors, sizes, alignments and much more throughout your entire web page They can also be used to create a template like style sheet (stored within a separate file) that can be used throughout your web site You can simply link to your style sheet within each of your web pages and have the ability to update the styles for your entire web site with just one file INTRODUCTION CSE The Benefits of Using Cascading Style Sheets CSS will save you a great deal of time You can make changes to the CSS file, they will automatically update all of the pages on your web site CREATING CSS CSE Inline CSS [Inline style]: Added to your standard HTML tags Embedded CSS [Internal style]: An embedded CSS is exactly as it sounds The CSS code is actually placed within the HTML web page between the and tags Linked CSS [External style]: A linked style sheet, on the other hand, is a completely separate document that is linked to within a web page CREATING CSS CSE Inline CSS: used within HTML tag using the STYLE property Content Color Table of HTML and CSS Use hex #rrggbb rr: red gg : green bb : blue White RGB=(255,255,255)=#FFFFFF Black RGB=(0,0,0)=#000000 Yellow RGB=(255,255,0)= #FFFF00 Red RGB=(255,0,0)=#FF0000 Blue RGB=(0,0,255)=#0000FF CSE Color Table of HTML and CSS CSE ... Style Sheets CSS will save you a great deal of time You can make changes to the CSS file, they will automatically update all of the pages on your web site CREATING CSS CSE Inline CSS [Inline... tags Embedded CSS [Internal style]: An embedded CSS is exactly as it sounds The CSS code is actually placed within the HTML web page between the and tags Linked CSS [External... page CREATING CSS CSE Inline CSS: used within HTML tag using the STYLE property Content Color Table of HTML and CSS Use hex