Css stand for cascading style sheets. These are mainly of
three types internal, external and inline style sheets which are used for web
pages designing. All three have different syntax for assigning property on web pages.
Designing a webpage using html tag is much better to design in css tags. Css
mainly categorized on the basis of used location.
Type of Cascading style sheet:
1. Inline style sheet
2. Internal style sheet
3. External style sheet
1. Inline style sheet
2. Internal style sheet
3. External style sheet
Inline style sheet:
1. It’s mainly used within html elements to assign some short of effects to a particular web page .
1. It’s mainly used within html elements to assign some short of effects to a particular web page .
<p style="text-transform: uppercase; font-size: 16px;
">Hello This Show The Inline Effect To This Paragraph Only </p>
<!-- Output will
we: HELLO THIS SHOW THE INLINE EFFECT TO THIS PARAGRAPH ONLY -->
2.
Inline css style applies inside the html element
by use of style attribute. Inline style applicable to that particular html code
where it applies not any more.
3.
Inline css not reusable so please try to ignore uses
of inline css for a web page design .
4.
You can’t apply style builder rule for inline
css, to apply style you should go to html code and manually apply the style.
5.
To apply one style to all paragraphs, you have
to use the same style attribute to all paragraphs. So its not a effective way
to apply style attribute. Again I’m saying not to use inline style until not so
much require.
6.
Last but not least inline css strictly used only
when no way left to highlight a particular code.
Internal style sheet:
1.
Internal style sheet is also pronounced as
embedded style sheets.
2.
Style is mainly written inside the head section
of web page with style attribute.
Example:
<head><meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
--- here style sheets rule will be apply---
</style>
</head>
3.
Internal style sheet rules apply only for
particular web pages (To apply particular style to any webpage throughout the
website).
4.
To apply internal style to different pages you
have to embed the same code to different pages which makes the pages heavy.
5.
To override external style sheet attribute we
may use internal style sheet.
External style sheets:
1.
It is declare as separate a separate file
outside the webpage then it is include as a style attribute inside the web
page.
Example:
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="main.css"
type="text/css" rel="stylesheet" />
</head>
2.
Link the external style sheet using <link attribute
inside the head section.
3.
It provide the reusability of style to all the
pages.
4.
It’s the best way to assign same style
throughout the website.
Now Question is how to make external style sheet then how to
link it inside the web pages . I will link this page “how to create a external
style sheet ” in near future..
http://www.technologers.com/2015/04/how-to-record-phone-call-on-android.html
http://www.technologers.com/2015/04/how-to-record-phone-call-on-android.html
Continue to visit us also thanks for your useful
time…@@@@@@...
great work...
ReplyDeleteplease add all screenshot of all type css