גליונות סגנון מדורגים משמשים לעיצוב התוכן של דף HTML. בהתאם לכך, כל הפקודות המשמשות ב- CSS מכוונות לעריכת הופעתם של כל האלמנטים של מסמך HTML.
זה הכרחי
מחשב עם חיבור לאינטרנט
הוראות
שלב 1
קרא על אופן השימוש בגיליונות סגנון מדורגים. עיצוב טקסט הוא התכונה הנפוצה ביותר בגיליונות סגנון מדורגים. כל מסמך HTML מכיל כמות עצומה של מידע טקסטואלי בחלקיו השונים. יחד עם זאת, כל חלק בעמוד צריך להיות בעל פורמט וגופן משלו: חלק מהטקסט הוא הטקסט של התפריט, השני הוא הכותרת, השלישי הוא הטקסט הראשי של הדף וכו '. כדי לעצב מידע טקסט, נעשה שימוש בפקודות לשינוי שם הגופן, גודלו, משקלו וכו '.
שלב 2
אז ראשית כל, שימו לב לפרמטר של סגנון גופן-משפחתי. מאפיין זה מאפשר לך להגדיר גופן ספציפי לתג זה. שם הגופן כתוב אחרי הסימן ":". התכונה סגנון גודל הגופן משמשת לקביעת גודל הטקסט הכלול בתג. ערך הגודל נכתב גם אחרי הסימן ":" והוא מצוין בפיקסלים, למשל, "font-size: 20px".
שלב 3
שים לב שניתן לשרשר ולכתוב פרמטרים בסגנון באמצעות הסימן ";". זה שימושי אם עליך להגדיר מספר פרמטרים עבור תג אחד.
שלב 4
השתמש בצבע תכונת הסגנון לשינוי צבע הטקסט. שם הצבע כתוב בצורה סטנדרטית: ירוק, כחול, אדום וכו '. יש לו גם את היכולת להגדיר את הצבע לא רק של הטקסט עצמו, אלא גם את צבע הרקע. לשם כך נעשה שימוש בתכונת רקע-צבע, ולאחריה יש לציין גם את הצבע שנבחר. אם ברצונך להשתמש בתמונה, ולא במילוי, כרקע באזור התג הזה, עיין בפרמטר סגנון תמונת הרקע, וציין אחריו את מקור התמונה.
שלב 5
התוודע למספר מאפייני סגנון המגדירים את הפרמטרים של רכיבי העמודים, אשר קודם כל כוללים ריפוד, גבול, צף, מיקום.
שלב 6
השתמש בפרמטר הריפוד כדי להגדיר את כמות השוליים שקשורה לתג הנתון. במקרה זה, ערך זה נספר מכל צד. ציין את תכונת הגבול כדי ליצור את הגבול של שדה זה. אחרי המעי הגס, רוחב הגבול נכתב בפיקסלים. המאפיין float יאפשר לאלמנט בדף שלך לצוף ימינה או שמאלה. בהקשר זה, הפרמטרים הכשירים של נכס זה הם שמאלה או ימינה.
שלב 7
אם אתה צריך למקם במדויק אובייקט במסמך, השתמש במאפיין המיקום. הוא מאתר את אלמנט העמוד בצורה מוחלטת, כגון "מיקום: מוחלט; תחתון: 50 פיקסלים; מימין: 10 פיקסלים;", או באופן יחסי, בהתבסס על המרחק מקצוות העמוד.
