In last lesson we have already discussed about CSS syntax with an appropriate example. If you have already go through this that it's good otherwise go and read the last lesson first i.e. Lesson 2: CSS syntax with an appropriate example. Today i am going to discuss about CSS types and it's implementation.
CSS Types
In CSS we have only 3 major category.
1. External Style Sheet
An external style sheet is a separate file where you need to declare all the styles that you want to use on your website or blog. You then link to the external style sheet from all your HTML pages. This means you only need to set the styles for each element once only. If you want to update the style of your website, you only need to do it in one place. It saves lot of time, Helps to manage memory efficiently for the program.
Implementation / Syntax
The code to call the external css file in the current HTML.....
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
2. Internal Style CSS
Internal style CSS is used when you need to design a specific single page only. This is used within the same HTML page. Internal styles are defined within the <style> element, inside the <head> section of an HTML page:
Implementation / Syantax
The Code to write Internal CSS in the HTML
<head
<style>
body {
background-color: linen;}
h1 {
color: maroon;
margin-left: 40px;} </style>
</head>
<style>
body {
background-color: linen;}
h1 {
color: maroon;
margin-left: 40px;} </style>
</head>
3. Inline CSS
An inline style may be used to apply a unique style for a single element.To use inline styles, add the style attribute to the relevant element. The style attribute can contain any CSS property. The example below shows how to change the color and the left margin of a <p> element:
Implementation / Syantax
<p style="color:blue;margin-left:30px;">This is a heading</p>
So guys this is all about CSS types and implementation. I hope you are understanding all he topics very easily. If you are getting any problem please contact me and share your problem with me. You can tell your doubts in the comment box and you can directly send me a mail on the given mail id - arcreationsweb@gmail.com
Thank you
Ashutosh Kumar
(writer and editor)
arcreationsweb
Ashutosh Kumar
(writer and editor)
arcreationsweb
Everything considered it as, appears to be your website ate my first remark (it was surprisingly long) therefore i number I'll essentially whole it up what I experienced made and say, I'm extensively gaining by your site. I too am an aching online journal machine, nevertheless I'm still not used to the complete thing. Have you got any suggestion for learner blog feature freelance writers? I'd welcome it. Woah! I'm obtaining a charge from the game plan/subject matter of the site. It's immediate, yet realistic. A colossal way of measuring times it's difficult to get that "immaculate change" between wonderful solace and visible interest. I will state you have made a decent turning up concerned with this.
ReplyDeleteIBPS Recruitment 2017
IBPS SO Recruitment 2017-2018 application fees
IBPS PO Recruitment 2017-2018 Application Fees
I am nit getting you can you please tell your problem in short?
DeleteThis comment has been removed by the author.
ReplyDeletevoodoo love spell specialist Such a nice blog and i appreciate your all efforts about your thoughts. it's really good work. well done. I would like to share something really helpful for education.
ReplyDeletePlease share whatever you want to share about education. Share your info here: arcreationsweb@gmail.com
DeleteThank you
Regards
Ashutosh Kumar
founder and CEO at arcreationsweb
Welcome Inigo Joseph. Keep visiting us
ReplyDeleteThank you
Regards
Ashutosh Kumar
founder and CEO at arcreationsweb
Wow looking great article boosting my energy to read and implement on CSS. Thanks for sharing please do keep sharing on...
ReplyDeleteHTML5 and CSS3 with Bootstrap Online Training | HTML and JavaScript Online Training
Very useful content you have shared. Really great. Thank you.
ReplyDeletePHP Training in Chennai
PHP Course in Chennai