Sunday, 3 December 2017

, , ,

Lesson 3: CSS Types and It's implementation - arcreationsweb

lesson 3: CSS types and it's implementation

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.


css types

  • External style sheet
  • Internal style sheet
  • Inline style

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>
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>
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


Share:

7 comments:

  1. 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.
    IBPS Recruitment 2017
    IBPS SO Recruitment 2017-2018 application fees
    IBPS PO Recruitment 2017-2018 Application Fees

    ReplyDelete
    Replies
    1. I am nit getting you can you please tell your problem in short?

      Delete
  2. Thank you a lot for providing individuals with a very spectacular possibility to read critical reviews from this site. php training in chennai

    ReplyDelete
    Replies
    1. Welcome Inigo Joseph. Keep visiting us

      Thank you
      Regards
      Ashutosh Kumar
      founder and CEO at arcreationsweb

      Delete
  3. This comment has been removed by the author.

    ReplyDelete
  4. voodoo 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.

    ReplyDelete
    Replies
    1. Please share whatever you want to share about education. Share your info here: arcreationsweb@gmail.com

      Thank you
      Regards
      Ashutosh Kumar
      founder and CEO at arcreationsweb

      Delete

JOIN OUR DISCUSSION CORNER...