Previous
Next


Complete CSS tutorials in Hindi

Cascading Style Sheet tutorials

Most web pages HTML se design kiye hote hain. HTML main text fonts, colors, graphics, hyperlinks etc ek standard form main use hoti hain. Jisko css ki help se or jyada sunder banaya jata hain.

CSS ko mainly three type se likha jata hain.

  • External (Separate file)
  • Internal (web page document ke saath)
  • Inline (text or element ke saath)

External

HTML ke saath external style sheet ko jodne ke liye LINK element ka use kiya jata hain. External style ka use sabse jyada kiya jata hain. Is type ki style sheet ko ek alag document main tyar kiya jata hain or phir html file main link dekar isse uske saath joda jata hain.

<head>
	<link href="http://w3developers.org/css/style.css" rel="stylesheet" type="text/css />
</head>
						

Internal

Internal stylesheet html page ke ander hi use hoti hain. Ye stylesheet html ke head element ke ander use hoti hain. Iss file ka use dusre web pages ke liye nhi kiya jaa sakta hain. Jis html document main hum style sheet ko write kar rhe hain, iska use kewal usi document main kiya ja sakta hain.

<head>
	<style>
	h2{ text-transform: uppercase; color: green;}
	</style>
</head>
						

Inline

Inline main html ke element ke saath hi style sheet write kari jati hain. Iss tarah ki style sheet main bahut jyada time lagta hain. Lekin ager khi ek hi element ke liye use karna ho to inline stylesheet ko use kar sakte hain.

<h2 style="font-weight:700; color: red;"> This is heading <h2>
						

Niche Diye gye 'next' button par click karke tutorials ko start kare.


Previous
Next