You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.5 KiB
70 lines
1.5 KiB
/* tady začíná práce s CSS
|
|
tagy/selektory { pravidla:hodnota;} */
|
|
/* práce s tagem */
|
|
|
|
p {
|
|
color:whitesmoke;
|
|
background-color: black;
|
|
}
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
h2, h3, h4 {
|
|
color: red;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
h2:hover, h3:hover, h4:hover {
|
|
color: yellow;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Selektory:
|
|
třída -> HTML: class | css: . (tečka) */
|
|
.trida {
|
|
font-size: 25px;
|
|
color:blue;
|
|
}
|
|
.trida2 {
|
|
color:red;
|
|
}
|
|
|
|
/* ID -> HTML: id | css: # (hashtag)
|
|
prvek s ID atributem musí (měl by) být unikátní v HTML kodu*/
|
|
|
|
#unikat {
|
|
font-family: Arial, Helvetica, sans-serif
|
|
}
|
|
|
|
/* třída vázáná */
|
|
.trida3 p {
|
|
color:aqua;
|
|
}
|
|
.trida3 h1 {
|
|
color:navy;
|
|
}
|
|
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
a:visited {
|
|
color: black;
|
|
}
|
|
|
|
table, tr, td {
|
|
border: 2px solid black;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 10px;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
}
|