CSS - מאפיינים

3.1.1 המאפיין CLASS
3.1.2 המאפיין ID
3.1.3 איך משתמשים ב CSS

3.1.1 המאפיין CLASS

אם רוצים להגדיר מספר עיצובים עבור אלמנט אחד משתמשים במחלקות.

לדוגמה אנו מעוניינים ש name יוכל לקבל גם צבע כחול וגם צבע אדום

נגדיר:

{name.blue{color.blue
{name.red{color.red

כלומר שם אלמנט, נקודה ושם המחלקה ( הערה: יכולנו לקרוא גם בשמות שונים)

ואז השימוש במסמך XML יהיה כך:

<"name class="red">some computer</name>
........
<"name class="blue">another one


אם רוצים עיצוב מסויים שמשותף להרבה אלמנטים ניתן להשמיט את הסלקטור כך:

{red {color:red. 

ואז משתמשים באותו אופן

<name class="red">some computer
<harddisk class="red"> WD 20 MB</harddisk>

3.1.2 מאפיין ID

id הוא מחלקה אשר יכול לקבל עבור כל אלמנט ערך ייחודי, כלומר שבאותו מסמך לא יהיו שניים עם אותו ערך.

משתמשים בו כמו מחלקה

<name id="pro">the professional one</name> 

ערך id במסמך העיצוב יכול להתייחס לאלמנט אחד עם אותו id או מספר אלמנטים עם אותו id

לדוגמה:

pro#
}
color:red

כאןהוא מתייחס לכל האלמנטים עם "id = "pro

name#pro
}
color:red

וכאן רק לאלמנט name בעל "id="pro

הערות ניכתבות כך :

*/this is a comment */

דומגה במסמך CSS

/* we chose to put our remarks here*/
name,processor,harddisk,screen
}
/* and here*/
;display:block
;color:blue
{
 

3.1.3 איך משתמשים ב CSS

ב-HTML ניתן להשתמש גם במסך פנימי וכן לתת לכל אלמנט עיצוב בנוסף לאפשרות של שימוש במסמך עיצוב חיצוני.

ב-XML משתמשים בקובץ חיצוני כך:

<?"xml version="1.0?>
<?"xml-stylesheet type="text/css" href="computers.ass?>

<computers>
<name> pro </name>
<processor> Intel Pentium 4 1000 MHZ </processor>
<harddisk> QUANTOM 100 MB </harddisk>
<screen> Columbia screens </screen>
</computer>

השורה החשובה במובן היא זו המודגשת. מסמך העיצוב נמצא במקרה זה בספרייה שבה נמצא קובץ ה-XML בקובץ computer.css

הקדמה
טקסט/פונט