• Hvem er Villeple? Who is Villeple?
  • Sitater

Villeple's blogg

~ -et eple om dagen….

Villeple's blogg

Kategoriarkiver: CSS

Class CSS

16 mandag feb 2009

Posted by villeple in CSS

≈ 1 kommentar

With a litle help from w3c shool 🙂 Hvorfor skriver vi noen ganger .center og noen ganger p.center (eller lignende)? Hva er det med det punktumet?
Slik jeg har forstått det er forklaringen denne:


skriver vi p.center{property: value}begrenser vi
class=center til bare å gjelde p elementer.

skriver vi .center{property: value} kan vi bruke
class=center for alle HTML elementer som div, p, etc.

Det samme gjelder for id (p#center, #center).
id kan bare brukes en gang i HTML koden mens
class kan brukes mange ganger.

Dette er hentet fra w3c schools:

The class Selector

With the class selector you can define different styles for the same type of HTML element.

Say that you would like to have two types of paragraphs in your document: one right-aligned paragraph, and one center-aligned paragraph. Here is how you can do it with styles:

p.right {text-align: right}
p.center {text-align: center}

You have to use the class attribute in your HTML document:

<p class="right">
This paragraph will be right-aligned.
</p>
<p class="center">
This paragraph will be center-aligned.
</p>

Note: To apply more than one class per given element, the syntax is:

<p class="center bold">
This is a paragraph.
</p>

The paragraph above will be styled by the class «center» AND the class «bold».

You can also omit the tag name in the selector to define a style that will be used by all HTML elements that have a certain class. In the example below, all HTML elements with class=»center» will be center-aligned:

.center {text-align: center}

In the code below both the h1 element and the p element have class=»center». This means that both elements will follow the rules in the «.center» selector:

<h1 class="center">
This heading will be center-aligned
</h1>
<p class="center">
This paragraph will also be center-aligned.
</p>

Om valg av informasjonsstruktur mm.

15 søndag feb 2009

Posted by villeple in CSS, html, huin 105

≈ Legg igjen en kommentar

Stikkord

CSS, html, huin 105

Denne nettsiden er laget av Ida, Marcus og meg. Vi valgte å strukturere informasjonen på nettsiden i grupper. Bygninger, Spisesteder, rekreasjon og informasjonskilder.
I øverste del av nettsiden valgte vi å ha en kort rundtur i området. Dette for at siden skulle virker mer innbydende på en leser. Under denne innledende turen ble linkene til de andre sidene presentert i de respektive gruppene. På denne måten ble det lett å lete seg frem til den ønskede linken. Vi ville nok ha brukt mer bilder og design hadde tiden og evnene strukket til. Siden er laget slik at det er enkelt å bygge den ut med flere linker og kategorier. Det ble valgt å ikke ta med alle linkene da mange hadde skrevet om samme sted. Jeg så rundt etter nettsider til inspirasjon men fant ingen. Ingen var enkle nok. Men jeg likte siden til helenejoakimargrete så vi lånte rundtur ideen deres men laget vår helt egene versjon. Jeg har brukt Castro boken, men like mye w3c tutorials, w3c schools og andre nettresurser. Boken er grei som oppslagsverk når du vet hva du leter etter….

Det var en lærerik prosess (som det står litt om i denne bloggposten) og jeg har lært og forstått mye koding. Men det er mye igjen å lære!

Youtube tutorial HTML CSS

15 søndag feb 2009

Posted by villeple in CSS, html, huin 105

≈ 2 kommentarer

Stikkord

CSS, html, youtube

Her er en lang video som er ganske god hvis du er interessert i å lære enkel HTML og CSS.

Abonner

  • Oppføringer (RSS)
  • Kommentarer (RSS)

Arkiv

  • mai 2012
  • april 2012
  • mars 2012
  • november 2011
  • september 2011
  • august 2011
  • mai 2011
  • november 2010
  • oktober 2010
  • september 2010
  • august 2010
  • mai 2010
  • april 2010
  • mars 2010
  • februar 2010
  • januar 2010
  • desember 2009
  • november 2009
  • september 2009
  • august 2009
  • juli 2009
  • juni 2009
  • mai 2009
  • april 2009
  • mars 2009
  • februar 2009
  • januar 2009
  • desember 2008
  • november 2008
  • oktober 2008
  • september 2008
  • august 2008

Kategorier

  • 1
  • bøker
  • Bilder fra livet
  • blogg
  • CSS
  • digital kultur
  • Dikt og fjas
  • Dikult110
  • elg
  • facebook
  • fest
  • Gamle minner
  • html
  • huin 102
  • Huin 104
  • huin 105
  • ikke pensum akkurat
  • immersjon
  • Infomevi 345
  • informasjonsteori
  • jul
  • korpus
  • kunst
  • Mat
  • MOO
  • MUD
  • Musikk
  • nyheter
  • ontologi
  • pepperkaker
  • poll
  • Refleksjon
  • Rollespill
  • selvlaget
  • smil
  • spill
  • strikking
  • Teater
  • tegneserie
  • tekstkoding
  • Twitter
  • ubestemmelig
  • ubestemt
  • web 2.0
  • Wiki
  • WOW

Meta

  • Registrer
  • Logg inn

Opprett en gratis blogg eller et nettsted på WordPress.com.

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Infokapselsretningslinjer