Welcome to this site.Educate yourself here.

Web Development In Online: Web development with CSS.

Friday, April 4, 2014

Web development with CSS.

CSS web design
CSS means Cascading  Style sheets. CSS works for HTML. It selects how to show the HTML  elements. Theses style save in style sheets. HTML 4.0 version had many problem. So it include CSS. Most of the web pages made CSS. It is seen that 99% web programmer design their web page with cascading style sheets. It is clear to us that CSS is now most famous. We see in web it use more. Now we will how to work CSS.


Dou you know? CSS has been solved a large problem. What is it? It is describing here. In fact, HTML tags have not make any document
formatting. HTML tags was make for selecting document  contents. Such as: <p> This is a paragraph </p> < h1> This is a heading<h1>  when the HTML 3.2 Specific tags include is like font, color, attribute, then it a suffer for a web developer. It is so suffer that a web developer can not create a  big web site. It for used to many cost and lost time. The world wide web consortium (w3c) improve HTML. As a result , CSS makes. It started refining HTML 4.0. All kinds formatting removed from the HTML documents. These are save a separate CSS file. Now a days all browser support CSS. Style sheets support different method of information’s. There are: (1)In HTML element. (2) In section of HTML pages.(3) In a file an external CSS.

How to learn CSS?

 You have to learn HTML or XHTML before learn CSS. Because, you have to use CSS in HTML or XHTML. So if you have  not knowledge about it. You can not use CSS. So, you have to learn that.

  • CSS syntax.
CSS syntax consist with three part. There are:
  1. SELECTOR.
  2. VALUE.
  3. Property.

Let see an example: Selector { property: value} Now we will look its description:
Selector is some HTML Tags that you want select it. Property is a attribute that you want to be change. Other hand, Each property can take a value. Property and value is separate  a colon symbol and it save around a curly brushes . Such as: body{ color:black} if the value added  more words then keep it quotation mark. Such as: p {font-family: “sams aerof” }. If you select more property, So you must to use semicolon each property. Look the below example:  There are a center align paragraph. That’s text color is red. P {text-a;ogm:center;color:red }
P
{
Text-align:center;
Color:black;
Font family:arial
}


CSS grouping-

You can make a group the selectors. You can separate the selector in a coma. All header elements have grouped  below example.
H1, h2, h3h4,h4,h5,h6,h7
{
Color:green
}

CSS Class Selector.
You can select different style for same HTML element in method of class selector. Suppose, You want your document has two kind of paragraph. One is right align paragraph and another is left align paragraph. How to set up it style sheet. Let see it.
P.right {text-align: right}
p. left { text-align: left}

Then you have to use class attribute  in HTML document. Dear learner, No more today. We will see more tips about HTML and CSS. If you find any wrong in this post. Please comment here. We will try to solve the wrong. This post about cascading style sheets. Here, we have posted a brief  description. Next lesson you can get more. You may like same post. We have given many post. Next time we will give more and more. learning CSS, you will be an ideal programmer in web. With best wishes to you (bdit).
Come again here get some tips. Author.

No comments:

Post a Comment