CSS למתקדמים (שלושה טריקים)

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

הטיפ הראשון (שייתכן ומוכר כבר לחלקכםן):

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

CSS מתקדם 1

הטיפ השני: 

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

CSS מתקדם 2

 

הטיפ השלישי והאחרון (באדיבות מני בן-עדי):

עדיף מבחינת ביצועים של האתר (מהירות) – לשים את קוד הCSS, במידה ומדובר בקוד ארוך בקובץ style.css של תבנית הבת, מאשר בCSS ב"עיצוב" – "התאמה אישית".

 

שלושה טיפים שווים בהחלט ממש בסוף ההרצאה,

אז מה אתםן אומרים/ות? האם: "all's well that ends well"?

אולי…

Facebook
Pinterest
Twitter
LinkedIn

Related Article

דילוג לתוכן