<div style="position:absolute; top:10px; right:200px; width:448px; border:1px solid blue;"><marquee behavior="slide" direction="right" scrollamount="4" loop="5"><a href="https://easywd.vitsolutions.lv/" target="_self" title="Labs Resurss"> <img src="../easywd.png" border="0" width="448" height="174"></a></marquee></div><link rel="stylesheet" type="text/css" href="http://www.easywd.lv/css/menu_f1.css"><link rel="shortcut icon" href="http://www.easywd.lv/css/favicon.ico">

 

Trīs veidi, kā ievietot CSS



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");}
-----------------------------------------------------------------------------------

PiezīmeNav 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>


Komentāri (0)  |  2013-09-05 03:44  |  Skatīts: 2807x

Atpakaļ