Tag: CSS
form (CSS, HTML) - HTML käsk, mis teeb vormi.
Näide:
<form>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname">
</form>
grid (CSS) - CSS käsk, mis teeb võrgu paigutust
Näide:
<div class="grid-container">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
<div class="grid-item">7</div>
<div class="grid-item">8</div>
<div class="grid-item">9</div>
</div>
h1 – h6 (CSS, HTML) - Heading / Pealkiri
HTML silt, mis määrab pealkirja.
Näide:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>hover (CSS) - CSS silt, kasutatakse elementide valimiseks, kui liigutate nende kohal.
Näide:
a:hover {
background-color: yellow;
}
label (CSS, HTML) - HTML silt, mis on mõeldud teksti nimede jaoks.
Näide:
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
margin (CSS) - CSS käsk, mis on mõeldud elementide vahete loomiseks.
Näide:
p {
margin-top: 100px;
}
p (CSS, HTML) - Paragraph / Lõik
HTML silt, mis mõeldud lõikede jaoks.
Näide: <p>This is some text in a paragraph.</p>
padding (CSS) - CSS käsk, mis mõeldud elementide sisu vahete loomiseks.
Näide:
div {
padding-top: 50px;
}
position (CSS) - CSS käsk, mis määrab positsiooni.
Näide:
div.abs {
position: absolute;
left: 20%;
border: 3px solid #73AD21;
}