html + css basics para maintindihan mo paps
read care fully mo lang to sana maka help sayo
inline css
<div style="width: 50px; height: 50px">
<p style="font-size: 20px">Welcome</p>
</div>
internal css declaration
<html>
<head>
<title>CSS Basics</title>
<style>
.container { // class used dot .
width: 50px;
height: 50px;
}
#myheading { // id used hash tag
font-size: 20px
}
</style>
</head>
<body>
<div class="container">
<p id="myheading">Welcome</p>
</div>
</body>
</html>
external file css //////////////////////////////////////
folder structure
mywebapp // save to desktop or xampp htdocs
mywebapp/index.html
mywebapp/style.css
index.html ///
<html>
<head>
<title>CSS Basics</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<p id="myheading">Welcome</p>
</div>
</body>
</html>
style.css ///
.container { // class used dot .
width: 50px;
height: 50px;
}
#myheading { // id used hash tag
font-size: 20px
}
Happy Coding
PH