What is external style sheet?

Author Topic: What is external style sheet?  (Read 2466 times)

Offline sonakshibhathiTopic starter

  • Trade Count: (0)
  • Semi-Newbie
  • *
  • Thank You 0
  • Posts: 10
  • Karma: 0
  • Gender: Female
    • Best Dental Implant Clinic in Jaipur
What is external style sheet?
« on: 07-26-2017, 03:05:01 »
Hello friends,
I would like to know,
What is external style sheet?


Offline damponting44

  • Trade Count: (0)
  • Hero Member
  • *****
  • Thank You 23
  • Posts: 622
  • Karma: 0
  • Gender: Male
    • Taxi app development
Re: What is external style sheet?
« Reply #1 on: 10-09-2017, 01:12:17 »
Internal and in-line style sheets are stored within the HTML file itself. They're easy to work with in the moment but because they aren't stored in a central location, it's impossible to easily make changes to the styling across the whole website at once; you have to instead go back into each entry and change it manually.

Offline RH-Calvin

  • Trade Count: (0)
  • Hero Member
  • *****
  • Thank You 88
  • Posts: 1292
  • Karma: 0
  • Gender: Male
    • Cheap VPS Hosting
Re: What is external style sheet?
« Reply #2 on: 01-09-2018, 23:04:11 »
An External Style Sheet is a file containing only CSS syntax (no document content or elements) and should carry a MIME type of "text/css." The style information is not explicitly tied directly to the document's elements, so Selector syntax is used to specify what styles attach to which portions of the document tree.

Offline localflavourstours

  • Trade Count: (0)
  • Semi-Newbie
  • *
  • Thank You 1
  • Posts: 27
  • Karma: 0
  • Gender: Female
    • Local Flavours Tours - Discover Geneva through a 3 h chocolate tour
Re: What is external style sheet?
« Reply #3 on: 03-29-2018, 14:35:34 »
There are there ways you can use css in your html.

- Inline: You put css code into a html line by using the html tag style within body [eg: <p style="color:#000;">eg</p>]
- Internal: You write your css class and their attribute into head of the html page and call that class into the html tag under body where you need

[eg:
<head>
.cls{color:#000;}
</head>
Now use this class into html tag under body:
<p class="cls">eg</p>
]
- External: You create a new .css file and write your class & it's attribute within that and call that .css file into head of the html page and use that class into any html tag under body element.

[Example:
you create a .css file file called example.css
write the css class within this file .cls{color:#000;}
Now into html file, you need to call the css file
<head>
 <link rel="stylesheet" href="example.css">
</head>
Now under body
<p class="cls">eg</p>
]

From the all three example, the output will be the same.

Hope all clear now!

 

Related Topics

  Subject / Started by Replies Last post
6 Replies
3859 Views
Last post 11-22-2016, 04:21:00
by saravjeet
0 Replies
1390 Views
Last post 04-12-2013, 04:09:21
by GeorgeKappa
0 Replies
1416 Views
Last post 08-20-2016, 05:10:57
by beingchinmay
1 Replies
1864 Views
Last post 12-03-2016, 01:37:01
by saravjeet
0 Replies
1225 Views
Last post 08-24-2016, 07:07:44
by beingchinmay