Wednesday, 10 May 2017
IMPORT LOAD CSS FILES IN CSS FILE
-------------------------------------------------------------------------------------------------------------
IMPORT CSS FILES IN CSS FILE.html CODE
READ MORE:
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>IMPORT CSS FILES IN
CSS FILE</title>
<link rel="stylesheet" type="text/css" href="MAIN.css">
</head>
<body>
<div>
<p>HOME</p>
<button>BUTTON</button>
<button>BUTTON</button>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------
@import
url(BODY.css);
@import
url(MENU.css);
-------------------------------------------------------------------------
OR USE THIS CODE
READ MORE:
https://developer.mozilla.org/en/docs/Web/CSS/@import
-------------------------------------------------------------------------
-------------------------------------------------------------------------
OR USE THIS CODE
READ MORE:
https://developer.mozilla.org/en/docs/Web/CSS/@import
-------------------------------------------------------------------------
@import 'BODY.css';
@import 'MENU.css';
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
body{
background-color:Red;
}
MENU.css CODE
--------------------------------------------------------------------------------------------------------------
/* MARGIN AND PADDING ZERO REMVOVE ANY SPACE */
*{
margin:0;
padding:0;
}
/* MAKE BUTTON AND MAKE BUTTON INVISIBLE */
button{
height:30px;
width:130px;
display: block;
}
button {
display:none;
}
/*HOW DIV TAG HOVER BUTTON AND MAKE VISIBLE BUTTON
WITHOUT UL OR LI TAG */
div{
list-style-type: none;
text-align: center;
border: 2px solid red;
background-color:yellow;
height:15px;
width:130px;
}
div:hover button {
display: block;
}
GENERALLY ATTACH CSS FILE
<link rel="stylesheet" href="CSS0.css" media="screen">
-------------------------------------------------------------------------------------------------------------
IN BLOG YOUR BLOG CSS FILE ATTACH
-------------------------------------------------------------------------------------------------------------
IN BLOG YOUR BLOG CSS FILE ATTACH
-------------------------------------------------------------------------------------------------------------
<link href='CSS0.css' rel='stylesheet' type='text/css'/>
<link type='text/css' rel='stylesheet' href='CSS0.css' />
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment