Ad Code

Ticker

6/recent/ticker-posts

How to insert CSS in html document-oklesson

what is css


Welcome to our latest new post "what is css". In this post i will be talk about "How to insert CSS in Html document".before start this post, you also know what is Css and it's working process.
Hello friends
My name is uttam kumar.today i bring new post for you and very helpful for web designing.
CSS is a full form cascading style sheet. It is used to format and align content such as text, images, tables, graphics, etc. in a webpage. CSS has its own different way of working. There are some classes and elements of CSS that make a webpage dynamic and responsive. You use HTML to define the structure of your content, while CSS specifies that HTML elements are displayed on screen, paper, or How to show in other media. CSS makes any text, picture, etc. very attractive. CSS can define color, font, text alignment, size, border, spacing, layout and many other typographic features. CSS also defines non-visual style. Does. CSS is divided into three parts based on working.
                                 

How To Insert CSS in HTML Document ?


1. Inline (Right next to the next it decorates)
2.internal (At the top of a web page document)
3.External (In a separate file)

Inline (right next to the next it decorates):-
it helps you to apply unique style rules in specific HTML elements.the style attribute specific properties and values.you can insert inline style anywhere in the middle of your HTML code, giving you real freedom to specify each web page element.the style attribute can contain any CSS property.
Inline CSS Example
<h1 style="color:red;">This Heading is Red</h1>

Now you can copy above code and paste into any text editor and run.....
 Internal ( at the top of a web page document):-
internal styles are located at the top of each web page , before any of the content is listed. this is the next best thing to external, because they are easy to find , yet permit you to 'override' an external style sheet- for the special page that wants to be an individualist. internal styles are defined within the <style> element, inside the <head> section of an HTML page like.
<html>
<head>
<style>
h1{
color:yellow;
}
</style>
</head>
<body>
<h1>I am Internal CSS with Yellow Color</h1>
</body>
</html>

External ( in a separate file):-

An external CSS file can be created with any text or HTML editor like as:- notepad++, notepad and many more editor on internet.you can link to the file externally by placing one of the following links in the head section of every HTML file you want to style with the CSS file.  to save  your CSS file in your computer with .CSS extension.

  Types of CSS selectors

1.universal selector
2.ID selector
3.Tag selector
4.class selector
5.Sub selector

All heading is explain step by step in our next post.If you like this post, then you will definitely comment by comment box. If you feel that there is some loophole in this post or any suggestion, then you will definitely comment by comment box on this blog for such useful information, here you will get new information every day. Thank you for reading the post. See you again in the next post.


 TAGS:-
what is css in html,
what is css used for,
what is css box model,
what is css and its advantages,
what is css and why it is used,
what is css animation,
what is css and css3,
what is css and its features,
what is a css file,
what is a css class,
what is a css framework,

what is a css rule,

*SHARE WITH FRIENDS*

Post a Comment

0 Comments