[Design] [Budskap] [Brukervennlig] [Kildekode] [Css2] [Søkemotorene]
Eksemplel på CSS2:
Css2
CSS betyr Cascading Style Sheet.
På Norsk heter det stilsett.
Standarden brukes som formatering av html objekter. Man kan legge på farger, bakgrunnsbilder, rammer, luft og mye spennende med css. Og det mest spennende; man kan bestemmer formatering ved musepil over et objekt.
Moderne websider som dem Web Norge lager bruker css til å formatere de fleste objekter. Dette resulterer i en svært kompakt og ren kildekode.
På Norsk heter det stilsett.
Standarden brukes som formatering av html objekter. Man kan legge på farger, bakgrunnsbilder, rammer, luft og mye spennende med css. Og det mest spennende; man kan bestemmer formatering ved musepil over et objekt.
Moderne websider som dem Web Norge lager bruker css til å formatere de fleste objekter. Dette resulterer i en svært kompakt og ren kildekode.
CSS2 tar dette lengre.
Det kan i mange tilfeller erstatte tunge javaskript. Et eksempel er dropdown menyen i toppen på denne websiden. At dem åpner seg styres kun av css; ingen javaskript som normalt brukes til interaktivitet.
Med andre ord; CSS forenkler koden bak websiden dramatisk! Samtidig åpner det for mer avanserte design.
Det kan i mange tilfeller erstatte tunge javaskript. Et eksempel er dropdown menyen i toppen på denne websiden. At dem åpner seg styres kun av css; ingen javaskript som normalt brukes til interaktivitet.
Med andre ord; CSS forenkler koden bak websiden dramatisk! Samtidig åpner det for mer avanserte design.
Eksemplel på CSS2:
div#menu ul li:hover ul {display: block;}
div#menu ul ul {display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}
#menu ul li {float: left; width: 130px;}
#menu ul ul li a {
border-top: #5C5C5C 1px solid;
font-size: 11px;
}
#menu ul li li a:hover {
background-color: #FFBD50;
color: #000;
}
div#menu ul ul {display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}
#menu ul li {float: left; width: 130px;}
#menu ul ul li a {
border-top: #5C5C5C 1px solid;
font-size: 11px;
}
#menu ul li li a:hover {
background-color: #FFBD50;
color: #000;
}
Easy CMS
Easy Webshop
Avactis webshop
Easierdays
Webmaler
[X]
Del:
Vi ringer deg:
Søk etter domene:
Valider webside:
Anbefal denne siden: