על עיצוב האתר שלך: רקעים ב CSS

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

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

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

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

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

בוא נתחיל מלהסתכל על הערך הבסיסי ביותר, אחד שצריך להיות ראשון על כל נכס רקע: צבע.

body {
background: #000000;
}

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

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

הבא, מאפשר לדון אחר ערך הרקע חשוב, במיוחד בעולם האינטרנט של היום, על רקע הדימוי.

body {
background: #000000 url(images/yourimage.jpg) repeat fixed top;
}

תמונות ניתן להשתמש במגוון של דרכים שונות, וכן בשיתוף עם ערכים כמו background-attachment, מיקום הרקע, ואת background-repeat. אין סוף למה שאתה יכול לעשות כדי הרקע הגוף שלך. כל עוד אתה יכול למקם תמונה לתוך CSS שלך מבלי להוסיף ערכים אלה אחרים חיוני ערכי ארבע להישאר יחד.

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