Learn Web Development

Sunday, 26 March 2017

Best Sites to learn Web Development

1) W3school
2) tutorialspoint
3) Udemy
4) Treehouse
5) Lynda
6) codeacademy
7) tuts plus

Monday, 27 June 2016

CSS Padding properties

Padding Properties

padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;

CSS Margin Properties

margin example:-

margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;

<!DOCTYPE html>
<html>
<head>
<style>
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
</style>
</head>
<body>

<h2>The border-style Property</h2>
This property specifies what kind of border to display:

A dotted border.
A dashed border.
A solid border.
A double border.
A groove border.
A ridge border.
An inset border.
An outset border.
No border.
A hidden border.
A mixed border.

</body>
</html>

Result:-

A dotted border.

A dashed border.

A solid border.

A double border.

A groove border.

A ridge border.

An inset border.

An outset border.

No border.

A mixed border.

Background properties in CSS

background-color
background-image
background-repeat
background-attachment
background-position

Example:

background-color: green;

background-image: url("paper.gif");

background-repeat: repeat-x;

background-position: right top;
background-attachment: fixed;

Color in CSS

Three way to mention color in CSS:-

color name - like "red"
RGB value - like "rgb(255, 0, 0)"
HEX value - like "#ff0000"

Strike through in HTML

	<html>
	<head>
	<title>Strikethrough</title>
	</head>
	<body>
	<h1><s>hello</s></h1>
	</body>
	</html>