כיצד להחדיר סעיפים עם

שימוש בטקסט-הזחה נכס ובוחרים אחים סמוכים

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

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

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

התחביר עבור נכס זה הוא פשוט. הנה איך היית מוסיף טקסט-הכניסה לכל הפסקאות במסמך.

p {text-indent: 2em; }

התאמה אישית של כניסות

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

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

p + p {text-indent: 2em; }

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

p {margin-bottom: 0; ריפוד-תחתית: 0; } p + p {margin-top: 0; padding-top: 0; }

כניסות שליליות

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

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

blockquote p {text-indent: -.5em; }

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

לגבי שוליים וריפוד

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