לפני CSS - מקורי, נוח, פרקטי

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

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

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

תכונה ייחודית של פסאודו

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

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

כפי פסאודו ה- CSS, לפני ואחרי הם שלפניהם מופיע הסימן ":", אבל CSS3 מהתקן המומלץ "::". כדי לבדוק לשימוש מסוים בדף לעולם לא תהיה יותר מאשר כמה דפדפנים או גרסאות אולי פשוט לא מבחין פסאודו בפרט.

לתנאי שימוש כלליים

על ידי הצבת, לדוגמה, div אלמנט המתאר class = "scElement" והתוכן "אלמנט" לדף, המציין בתיאור גיליון בסגנון CSS:

.scElement {
עמדה ...;
z-index ...;
...

}

אתה יכול להחיל פסאודו ": לרחף" פסאודו ו ":: לפני" CSS:

.scElement: לרחף :: לפני {content: 'הקידומת'; צבע ...; צבע רקע ...;}.

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

פסאודו וריאציות תוכן

אם לא תציינו תכונות פסאודו, הם יהיו זהים לזה של האלמנט העיקרי - scElement. אתה יכול לציין את כתובת האתר, ולאחר מכן נכס התוכן: url ( "/ scBox / RM-נ / SC-rights.png") כאשר הסמן מראה את התמונה על האלמנט. במקרה של תוכן: "\ 03B1" מופיע מתמטית "אלפא" סמל, אבל להשתמש בתווים מיוחדים: "& nbsp;", " & lt;", "& lsaquo;", "& raquo;" ויש כאלה שלא - הם יוצגו כפי שהוא.

מותרים הרבה אפשרויות כדי לציין את התוכן של פסאודו: רגיל "טקסט", url (), רצף של תווים הקסדצימליים, להתייחס אל: פתוח ציטוט / קרוב-ציטוט, או לא-פתוח ציטוט / לא-קרוב-ציטוט, וכו 'כפי עשוי להיות אינדיקציה של המיקום המוחלט של התוכן. באמצעות תכונות סגנון, על ידי יישום לפני, CSS יציב הפסאודו מקום האלמנט שאליו הוא מחובר.

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

תכונות פסאודו

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

scElement: לרחף :: לפני {content: 'הקידומת'; ...}

scElement: פעיל: אחרי {content: 'סיומת'; ...}

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

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

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

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