Video: Web Development Layout part 1 2024
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver bruker Cascading Style Sheets (CSS) for å formatere nettsidetekst og til og med tilbyr startsidene som har modell CSS layout og styling tips.
Bruke Cascading Style Sheets (CSS) er en standard metode for styling av tekst og andre elementer på nettsider. Det kraftige stilarkdesignverktøyet lar deg tildele egenskaper til å skrive og andre sideelementer raskt og oppdatere alle forekomster i noen få enkle trinn. Navnet Cascading Style Sheets refererer til kaskadereglene som gjelder når flere stilarter (og stilark) brukes samtidig.
Hvis du bruker mange forskjellige stiler på en side, enten de er internt bygget på siden eller knyttet til eksterne stilark, kan det hende du har konflikter. Konflikter oppstår når to (eller flere) stiler tilordner forskjellige egenskaper til det samme elementet.
Hvis du for eksempel angir i et internt stilark at et hvilket som helst fet skriftelement er blått, men et eksternt stilark instruerer nettleseren til å vise noe fet skrift som rødt, hvilken stil vinner? Den blå instruksjonen fra det interne stilarket vinner. Som standard overstyrer nettsidens stilark nettleserens standardverdier.
Stilarkene stemmer overens med de fleste moderne nettleserversjoner, men noen eldre nettlesere kan ikke gi konsistent (hvis noe) støtte for CSS. Forhåndsvis forhåndsvise sider i flere nettlesere eller bruk knappen Kontroller nettleserkompatibilitet (som ligger under listen Kontroller nettleserkompatibilitet på dokumentverktøylinjen) for å teste CSS-egenskaper du har brukt mot en rekke nettlesere og versjoner.
Dreamweaver CS5 bruker Cascading Styles Sheets (CSS) til å formatere tekst og gir ikke lenger direkte støtte til tagger. Du kan fortsatt legge til koder hvis du absolutt trenger det ved å velge Sett inn → Tagg.
Dreamweaver tilbyr CSS startsidesider som har CSS-layouter tilgjengelige, og som inkluderer CSS-hint, bare synlige i Kodevisning. Finn CSS-startsidene ved å velge Arkiv → Ny → Tom side → HTML-mal.
