Learn Connecting CSS in HTML

Styling HTML with CSS

CSS stands for Cascading Style Sheets. CSS defines how HTML elements will show on display, paper, or in other media. CSS saves  lot of work. It can control the design of numerous website simultaneously.

CSS can be added to HTML elements in 3 ways:

  • Inline - by using the style attribute in HTML elements
  • Internal - by using a "style" element in the "head" section
  • External - by using an external CSS file

Connecting CSS in HTML via Inline Way

in HTML an inline CSS is used to apply a unique style to a single HTML element.

 

Connecting CSS in HTML via Internal Way

In HTML an internal CSS is used to define a style for a one HTML page. We use this CSS in "style" tag and in "head" section of html document

 

Connecting CSS in HTML via External Way

An external style sheet is used to define the style for many HTML pages. With an external style sheet, you can change the look of an entire website, by changing into one CSS file. You can connect your css file in html with "link" tag in head section. but you have to save your CSS in different CSS file with exention .css for example "style.css". All you have to do make two file 1st is for html (home.html) and 2nd is for css (style.css) and connect the "style.css" with "home.html"  by link tag. See the example below

 

CSS Text Color Changing

The CSS color property defines the text color to be used.

 

CSS Font Size

The CSS font-size property defines the text size to be used.

 

CSS Background Color

The CSS "background-color" property defines the color of the background of any element like body of the html document, html box, or text.

 

Connecting CSS Task 1 - Text Color

Connecting CSS Task 2 - Font Size

Connecting CSS Task 3 - Font Size

Connecting CSS Task 4 - Background color

 

Working hours

 

Day Timing
Monday To Friday 8:00 Am To 8:00Pm
Saturday & Sunday 8:00 Am To 5:00Pm
 
 

Contact Information
ADDRESS: 263, First Floor
Pocket H-17, Sector 7
Rohini, Delhi - 110085
Near Rohini West Metro Station
Opposite Metro Pillar No. 425

Email: contactbapugraphics@gmail.com
            bapugraphicsindia@gmail.com

Mobile: 9891222738

Copyright © 2014 Bapu Graphics, All Right Reserved.