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

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

לdiv הבא, בואו לתת לו זיהוי של סוף ציטוט ציטוט שונה "באמצע", ובואו לתת div השלישי תעודת זהות של מרכאות, "תחתון". אנחנו עכשיו יש שלושה מזהה ייחודי שאליה אנו יכולים ליישם כמה CSS מאפיינים, אבל קודם, בואו תמורה לראש דף זה. מעל הכותרת כאן, אני קדימה ולהגדיר את הסגנון ולאחר מכן סגור בסגנון. 

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

כדי לשמור על דברים נקיים, אני שם את כל המאפיינים האלה עכשיו בכוחות עצמו קו, אבל זה רק כנס סגנוני. בהמשך זה, בואו עכשיו להגדיר אחר בורר, כביכול. זה אחד לתג ה-HTML שיש מזהה ייחודי של מרכז. וכאן, בואו לציין גודל גופן 24 פיקסלים, מתחת לזה עוד בורר לתחתית, ובתוך מזה, בואו לציין גודל גופן של 12 פיקסלים. 

בואו עכשיו לשמור, לשנות את ההרשאות ב, ולטעון את הדף הזה בדפדפן, chmod css-1.html r פלוס. בואו לפתוח את הכרום ולבקר http://localhost/css-1.html. לא רע. בדיוק כפי שהתכוונתי, אבל הייתי רוצה לקחת את הדברים צעד אחד קדימה ועכשיו הטקסט של המרכז ג'ון הרווארד. עכשיו כדי לעשות זאת, אני יכול לעטוף את עמוד שלם בdiv כפי שאני עשה דוגמא קודמת. או שאני יכול להיות חכם יותר ומבין כי כל אלמנטים מהסוג div אלה בתוך גופתו של הדף שלי, אז למה לא פשוט להחיל מאפייני CSS אחד או יותר לגוף לתייג את עצמו? 

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