Trīs veidi, kā ievietot CSS
Ir trīs veidi, kā iekļaut stilu lapu:
- Ārējā stila lapas
- Iekšējā stila lapas
- Inline style
Ārējā Style Sheet
Ārējā stila lapa ir ideāla, ja stils ir piemērots daudzām lapām. Ar ārējo stilu lapas, jūs varat mainīt izskatu visu vietni, mainot vienu failu. Katrā lapā ir saite uz stila lapas, izmantojot <link> tag. <link> Tag iet iekšā galvenes sadaļā:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
Ārējo stilu lapas var rakstīt jebkurā teksta redaktorā, es iesaku Notepad++. Fails nesatur html tagus. Jūsu stilu lapas būtu saglabātas ar .css paplašinājumu. No stila lapas faila piemērs ir parādīts zemāk:
---------------c:/myDocuments/style.css------------------------------------
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
-----------------------------------------------------------------------------------
 Nav pievienotu atstarpi starp īpašuma vērtību un vienības (piemēram, margin-left: 20 px;). Pareizi ir: {margin-left: 20px;}
Iekšējā Style Sheet
Iekšējā stila lapa jāizmanto, kad vienā dokumentā ir unikāls stils. Lai definētu iekšējo tad html dokumentā sadaļā <head>...</head>, izmantojot <style> tagu, piemēram, šādi:
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
Inline stili
Inline stila zaudē daudz no stila lapas priekšrocībām, sajaucot saturu ar prezentāciju. Izmantojiet šo metodi, taupīgi! Tikai ja tiešām ir kāds unikāls web lapā, bet jūs negribat rediģēt galveno css failu.
Lai izmantotu inline stilus jūs izmantot stila atribūtu attiecīgajā tag. Stils raksturlielumu var saturēt CSS īpašību. Piemērs parāda, kā mainīt krāsu un kreiso starpību par punktu:
<p style="color: sienna; margin-left: 20px;">This is a paragraph.</p>
|
