Hello guys .,,
In this post We will study about CSS ...
i.e., How CSS work? , how to apply in HTML documents? , it's property its parts and types etc ...
# Css :-
1) CSS standa for Cascading style sheet ...
2) It used to make attractive HTML document...
3) There are three types of CSS
i) Inline CSS :-
" It is apply in single line of HTML document..."
ii) Enternal or Embed CSS :-
"It is apply in single page on a HTML document and put in <Head> section ."
iii) External CSS :-
" It is apply in Single page by using linking.. "
4) A CSS have two parts ...
i) selector :-
" The selector indicate the HTML element..."
ii) Declaration box :-
" The Declaration box contaion one or more declaration separated by semicolon i.e., ; ..."
Each Declaration include a CSS property name and value separated by colon i.e., :
The CSS Declaration always end with semicolon otherwise it show error and code not show output ...
Syntax .,,,
H1 { color : red ; <------- Declaration box
font-size : 50px ; }
5) CSS embed in head section by using style tag
6) Style tag is a container tag ...
7) <style>..........</style>
8) CSS link HTML page by using link tag
i.e <link rel="stylesheet" href="mystyle.css">
Que. Write a HTML program to create HTML form on library management system and create attractive by using a internal css...
Ans :-
<!doctype html>
<html>
<head>
<style>
h2 { color : red ;
background-color : yellow ;}
table { border-color : pink ;}
th{ color : blue ;}
button { color : cyan ;
background-color : gray ;}
</style>
</head>
<body>
<table border="5px" cellspacing="0" cellspading="5" align="center">
<form>
<td>
<h2> Create your account </h2>
</td>
<tr>
<th> Username <br>
<input type="text" max="15" required>
</th>
</tr>
<br><br>
<tr>
<th> Password <br>
<input type="text" max="15" required>
</th>
</tr>
<br><br>
<tr>
<th>
<button type="Submit" > Submit </button>
</th>
</tr>
</form>
</table>
</body>
</html>
Output ...👇👇
Que . How to apply External style sheet ...??
Ans..
<!doctype html>
<html>
<head>
<link rel="style-sheet" href="style.css">
</head>
</html>
