עד כה ראינו כיצד מגדירים מחדש סגנונות של תגים קיימים, אך ישנה גם אפשרות להגדיר סגנונות חדשים לגמרי. הגדרת סגנון חדש תיעשה בין תגי <STYLE>.

ישנן מספר שיטות להגדרת סגנון חדש:

                    · תג <SPAN>

ניתן להגדיר סגנון חדש על ידי התג <SPAN>.

ההגדרה תיעשה בתוך תחום ה HEAD או בין ה HEAD ל BODY.

דוגמא:

<style type="text/css”>                                                                                    

SPAN.mystyle { font-size:25pt ; color:green ; decoration:underline ; text-align:center ;}

</style>                                                                                                            

בדוגמא זו הגדרנו סגנון חדש ששמו mystyle והוא בעל תכונות מסוימות שאנו הגדרנו.

כאשר נרצה להשתמש בסגנון שיצרנו בתוך המסמך, נשתמש בתג ה <SPAN>.

דוגמא:

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

                    · תג <DIV>

בשיטה זו הגדרת הסגנונות החדשים תיעשה באותה צורה כמו בשיטה הקודמת, אך ללא המילה SPAN שהקדימה את שם הסגנון בשיטה הקודמת.

דוגמא:

<style type="text/css”>                                                                             

mystyle { font-size:25pt ; color:green ; decoration:underline ; text-align:center ;}

</style>                                                                                                     

כאשר נרצה להשתמש בסגנון שיצרנו בתוך המסמך, נשתמש בתג ה <DIV>.

נפתח תג <DIV> וניתן לו את התכונה CLASS עם שם הסגנון החדש שיצרנו. בנוסף, תג זה מקבל את כל התכונות שניתן לתת לתג <P>.

דוגמא:

<div class="mystyle">טקסט בסגנון החדש שיצרנו.</div><BR>

 הטקסט יופיע בדף בעיצוב שיצרנו בסגנון mystyle.