var base_url = 'https://www.bapugraphics.com/';

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

Contact Details

Mobile Number :
9891 222 738,
9891 50 1300

E-mail : contactbapugraphics@gmail.com

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

Working hours

Day Timing
Monday To Friday 8:00 Am To 7:00Pm
Saturday 10:00 Am To 6:00Pm