Hva er CSS?. CSS står for Cascading Style Sheets og er en ny standard som skal utfylle HTML.

Slides:



Advertisements
Liknende presentasjoner
GoOnline XP publisering Hvordan komme i gang med GoOnline XP. Denne presentasjonen tar deg steg for steg gjennom oppsett av nettsted med bruk av GoOnline.
Advertisements

Rutearket i Excel Et regneark består av en mengde ”celler” med innhold. Hver celle er plassert i en bestemt kolonne (her: C) og en bestemt rad (her: 5).
Nye ting i vortex, og tips og trix! Presentasjon på USITs allmøte på kvinnedagen 2012 Av Dagfinn Bergsager, USIT.
HTML og CSS introduksjon Veiledet selvstudium Webpublisering 10. januar 2008 Monica Strand 1Webpublisering – 10. januar 2008.
TIBE EDIT brukerveiledning Etter gjennomgang av denne presentasjonen skal du være i stand til å opprette nye sider, sette.
Slik kommer du til «Personverninnstillinger»: Logg inn på Facebook.
IT For medisinsk sekretær Fredrikstad Kai Hagali
Rammer/Frames HTML II IT og læring IT20 4. november 2004.
XMLSchema.  Innledende eksempler: Tove 4. Janni 5. Huskelapp 6. Ikke glem avtalen til helgen 7. Vi har sett DTD’en til dette xml dok. Her kommer.
MAL MEMORYOPPGAVER Eksempel fra kurset! 1.Rød 2.Svart 3.Black 4.Grønn 5.Green 6.Gul 7.Yellow 8.Hvit 9.White 10.Rosa 11.Pink 12.Lilla 13.Purple 14.Blå 15.Blue.
Duo- en liten innføring
Apache POI.
Mohammad Ali Koteich Danial Siddiq Sheikh. Hva skal vi snakke om? Directory LDAP The Apache Directory Project.
Brukergrensesnitt og design av skjermbilder
Webpublisering Kisten Ribu HiO1 Stilark - lenker Mer om (X)HTML Kap. 7, 8 og 9.
Blogging med Google Blogger
Hvordan henviser til kildene som er brukt?
IT for Medisinsk sekretær Kai Hagali. Hva er fletting  Koble en database(Tabell) til ett dokument  En eller flere mottakere  Annet bruk en dokument.
Teksbehandling -Word Skrivemakin vs. Teksbehandling
1 Arrayer og form(ularer) (Kapittel 4). 2 Mål  Forstå assosiative og superglobale arrays  Kunne behandle webformularer (forms)  Kjenne forskjellen.
Publisering på verdensveven Kursdag 2 VÅFF, våren 2002.
Publisering på verdensveven Kursdag 3 VÅFF, våren 2002.
Hyperlenker HTML IT20 oktobrt Egen serverFremmed server Intern kobling Lokal kobling Ekstern kobling.
Innledning om HTML IT20 oktober Bakgrunn Konseptet WWW ble født i 1983 i CERN, Geneve Opphavsmann: Tim Berners-Lee, MIT Spre informasjon uavhengig.
Dynamiske nettsider PHP Del 2 – Kontrollstrukturer.
HTML – 2. økt HiO IT20 Torsdag Plan Repetisjon/spørsmål fra Grafikk – farger – bildekart Tabeller Rammer Oppgaver.
CSS Doing it in style!. CSS Cascading style sheets. Eget språk for presentasjon av dokumenter. Ligner Java-syntaks. Klasser av stiler for gjenbruk. Kaskaderende.
Kommentarer og stil ”Dette suger!” ”Ne-hei!” ”Jo- hoo”, osv.
Kort om HTML ML meg her og ML meg der..
INF5270 7/2-05 Metadata Sten I. Solli og Hans S. Tømmerholt.
Hvordan virker Internett
Hvorfor lære HTML og PHP
Oppgaveformatet. Oversikt XML-format, spesifisert gjennom et XML Schema. Består av et sett lovlige elementer og attributter og hvordan de kan ordnes i.
Studentliv - Kurs i PR og markedsføring - Modul 10 1 Arbeid på PC Fortrolighet i arbeidet med PC Skikk og bruk IT-kontrakten Spørsmål?
Om Internett, World Wide Web, egen hjemmeside Ole Christian Rynning
Oversettelsesminne – del II
HTML. Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor:
HTML og CSS 16. januar
Harald Kaasa Hammer: Manual til redigering av nettstedet Først forklares hva de ulike elementene på nettsidene betyr. Så ser vi på mappene.
Avansert tekstbehandling
Mer html display, form,. Krav til innlevering Utvikles i HTML5 Være velformet og validert Benytte css Drop down menyer Basere seg på HTML5 tagger for.
Konventionel tekstformatering: Her har vi en overskrift fulgt af normal tekst Deskriptiv tekstformatering: Her har vi en overskrift fulgt af normal tekst.
Repetisjon Ole Christian Rynning. Administrasjon over konto Endre passord Classfronter
Music Angel Social Power
Menyknapper vha. CSS (ekstra uke 38). XHTML-dokumentet…
Intro til (x)html Del 1. HUMIT1731 uke35b Kåre A. Andersen 2 En mal … Dette er en mal for DTD XHTML 1.0 Transitional Her kommer.
XML og JDOM Helge Furuseth XML  XML = Extensible Markup Language Basert på SGML – Standard Generalized Markup Language  HTML =
Case Study: Skandiabanken
HUMIT1731 Hypermedier Introduksjon til CSS Uke 37.
2003 Ontopia AS1 Tanker om standarder for e-læring Emnekart og published subjects Lars Marius Garshol, utviklingsleder Ontopia,
HUMIT1731 Hypermedier Introduksjon til XSL Transformation (XSLT)
Prosjektpresentasjon
Tabeller HTML II IT og læring IT20 4. november 2004.
Se side 8-9. Kapittel 1: HTML5 og CSS Hyper Text Markup Language 1990-årene: Tim Berners-Lee ville strukturere tekster og lage klikkbare henvisninger på.
Liste basert app. Hvordan skal den se ut Hvordan virker listview.
Datakortet – Modul 3 Word 2003, Kap Modul 3.
De flinke elevene.
Brother’s Keeper Anne Grete Mensen.
Litt om å skrive forvaltningsinformatikk
Intro til WWW, HTML5 og CSS
Bokser Håkon Tolsby Håkon Tolsby.
Mer html5 Håkon Tolsby Håkon Tolsby.
HTML5 og CSS Håkon Tolsby Håkon Tolsby.
Bokser og Menyer Håkon Tolsby Håkon Tolsby.
Hvordan lage “drop down menu” Hvordan validere html og css
i PowerPoint 7 måter å arbeide sammen på Rediger med andre personer
Mer html5 Håkon Tolsby Håkon Tolsby.
Litt om å skrive forvaltningsinformatikk
Internett som elektronisk kommunikasjonsmiddel
Utskrift av presentasjonen:

Hva er CSS?

CSS står for Cascading Style Sheets og er en ny standard som skal utfylle HTML.

Fordelene med CSS - Css gir forfatteren mulighet til å anngi HTML-dokumentene skal vises, enten i HTML-dokumentet, eller i en egen Css fil.

Hvordan CSS virker og skrives. -CSS-stilsett består ganske enkelt av en liste med stilregler. -en stilregel har to deler: selektoren som forteller hvor den gjelder og deklarasjons- listen som forteller hvordan formateringen skal være

CSS kan kobles til en HTML fil på 3 forskjellige måter. Du kan skrive det som et attributt rett inn på selve elementet du ønsker å style, dette kalles for inline CSS

Style. STYLE er et vanlig HTML-element som du kan bruke til å sette inn stilregler rett i HTML-dokumentet ditt. STYLE skal stå inne i HEAD-elementet, og du kan ha flere STYLE- elementer i samme dokument. STYLE har også et MEDIA-attributt i likhet med LINK, og det fungerer på akkurat samme måte.

Hvordan angi farger Farger i CSS kan angis enten med en fargekode eller med et av seksten fargenavn: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white eller yellow.

Relative og absolutte enheter Størrelsesenhetene i CSS er av to typer: absolutte og relative. Dersom du bruker en relativ enhet angir du hvor stort noe skal være i forhold til noe annet. Dette kan utnyttes for å få ting til å tilpasse seg varierende størrelser. Absolutte størrelser, derimot, er alltid de samme og angis direkte. 1.5 cm er en absolutt størrelse, mens 120 % (av et eller annet) er en relativ størrelse.

Kilder: d/text/css-intro.html