מדריך HTML - חלק 10 | הכנסת CSS בHTML
-
ב"ה
#anchor(הכנסת CSS בHTML)
במדריך זה נסביר כיצד להכניס קוד CSS בתוך קוד HTML
||מה זה CSS???
CSS זו שפה שאתה מעצבים את האתר. דרכה תוכל להגדיר שכותרת תהיה כחולה, הרקע יהיה אפור והתמונה תהיה בצד שמאל ולא ימין.רוצה לדעת עוד על השפה? לחץ כאן||
כיצד להכניס קוד CSS?
קוד CSS ניתן להכניס ב3 דרכים:
- בתוך האלמנט על ידי שימוש בפרמטר
style
. - בתוך הקוד על ידי שימוש בתגית
<style>
. - קובץ חיצוני על ידי קישור קובץ CSS חיצוני לתוך הHTML.
בתוך האלמנט
!!! important [liy]: אפשרות זו משפיעה על אלמנט ספציפי, שבתוכו נכניס את הפרמטר.
||לאלה שזוכרים דברנו על זה בעבר…||
נעשה שימוש בפרמטר
style
לדוגמא:<div style="CSS"></div>
איפה שכתוב CSS נכניס את העיצוב
בתוך הקוד
!!! important [liy]: אפשרות זו משפיעה על עמוד ספציפי.
נעשה שימוש בתגית
<style>
לדוגמא:<!DOCTYPE html> <html> <head> <style> תוכן הCSS </style> </head> <body> </body> </html>
קובץ חיצוני
!!! important [liy]: עם אפשרות זו ניתן לעצב כמה עמודים עם קובץ CSS אחד
נעשה שימוש בתגית
<link>
בצורה הזו:<link rel="stylesheet" href="styles.css">
מעוניין להכיר את CSS קצת יותר? לחץ כאן
בהצלחה!
יש לכם שאלות? הארות? ניתן לכתוב אותם כאן
%(#ff0000)[העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!]
- בתוך האלמנט על ידי שימוש בפרמטר