Penggunaan Css pada HTML

by IT on March 07, 2019 in Html, Programing

Yoo kawan-kawan Otaku-It disini mimin mau membahas mengenai penggunaan css pada html. Css merupakan Cascading Style Sheet, css dibagi menjadi 3 yaitu:
1. Internal CSS
2. External CSS
3. Inline CSS

Internal CSS
Internal Css biasanya digunakan pada html yang biasanya penempatanya berada didalam head yang menggunakan perintah style untuk memasukkan perintah css nya, contoh seperti berikut:

<html>

<head>

<title>Otaku-It</title>

<style>

h1{

color: coral;

}

body{

background-color: aqua;

}

</style>

</head>

<body>

<h1>Otaku-It</h1>

<p>Lorem ipsum dolor sit amet</p>

</body>

</html>

External Css
Dari kata external berarti css ini berada diluar file html yang dibuat, yap external css merupakan css yang berada diluar html dengan pemanggilanya menggunakan perintah link dan penamaan pada cssnya menggunakan extensi .css seperti berikut:

<link rel="stylesheet" href="style.css" type="text/css">

style.css

#menu{

padding: 1%;  

background-color: black;

}

.textmenu{

color: coral;

margin-left: 5%;

text-decoration: none;

font-size: 20px;

font-weight: bold;

}