seen from United States
seen from Türkiye
seen from Malaysia
seen from United States
seen from United States
seen from United States
seen from Czechia
seen from Iraq
seen from Germany
seen from Sweden
seen from Israel
seen from Czechia
seen from Russia
seen from United States
seen from Czechia
seen from Russia
seen from United Kingdom
seen from Finland
seen from Türkiye
seen from Maldives
On PHPGURUKUL -Free download php project with source code,PHP Projects Free Download , Here is collection of php projects for students & beginners,PHP examples available for free download. PHP/MySQL projects with source code free download with PHP mini projects download is available with live demo
New Post has been published on Devtoolsplus
New Post has been published on http://www.devtoolsplus.com/step1-css-for-beginner/
Step1: Css for beginner
Welcome to Easy CSS short course. I think if you complete my web design short course you will be a web developer within 10 days.
However I am starting here about CSS basic.
What is css?
The meaning of css is cascading style sheets. web site styles depends on CSS.
Use of style sheet:
You can use css style at 3 ways such as
Within HTML elements
Within <head>----</head>
External css file
Important: all the above style will be placed within <head>…..</head> section.
Learn befor Css:
You should learn basic advance html before learning css.
Css syntax:
Css syntax is built with 3 parts.
Selector
Property
Value
See the example of css syntax below
Selector {property: value; }
Real example
body {color:black;}
Here,
Selector = body
Property = color
Value = black;
You can use selector as a group like
h1, h2, h3, h4, h5, h6 {color: green;}
Class selector:
You can use various styles of same html elements through class selector. Suppose you want to use two color of Heading. Than you should define two classes such as type these bellows code in your text editor or Dreamweaver
<html> <head> <style type="text/css"> .color-1 { color:red;} .color-2 { color:blue;} </style> </head> <body> <h1 >This is read color heading</h1> <h1 >This is read color heading</h1> </body> </html>
Now save this file as class-style. html and open it through a web browser you will see the result like below.
Important:
(.) is class symbol
(#) is id symbol
All code will be written with small letter.
ID selector:
Id selector is similar with class selector. ID selector is indicted with (#) symbol. Please see the example of ID selector.
<html> <head> <style type="text/css"> .color-1 { color:red;} .color-2 { color:blue;} </style> </head> <body> <h1>This is read color heading</h1> <h1>This is read color heading</h1> </body> </html>
Now save this file as id-style.html and open it through a web browser you will see the result like below.
Important Note: you can not use same id more than one time in a page. But you can use same class many times in a page.
CSS comments:
If you use comments tag in css file it will hide from browser. It is very helpful to write some note. See the use of comment tag
/* write your comment here */
Step 2: Best way of using style sheet
