روش های استفاده از کدهای CSS در اسناد HTML
کدهای CSS در اسناد HTML روش های استفاده از سند css
روش های استفاده از کدهای CSS در اسناد HTML را در این مقاله از سایت آموزی توضیح میدهیم.
هر کد css شامل یک Attribute name و یک علامت (:) ، یک Attribute Value و در پایان دستور یک علامت (;) است. در حقیقت به ۳ روش می توانیم کدهای CSS رو برای تغییر استایل در اسناد HTML به کار ببریم.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
۱- استفاده از روش inline (خطی یا درون تگی)
در این روش کدهای css را درون تگ ( المان ) به صورت خطی ( inline ) در همان سند html می نویسیم.
۲- استفاده از روش internal ( درون تگ head )
در این روش هم کلیه کدهای css را درون تگ باز و بسته head و داخل یک تگ و باز و بسته style می نویسیم.
۳- استفاده از روش External ( ساخت سند css خارجی )
در روش سوم یک سند خارجی css با پسوند css. می سازیم و ذخیره می کنیم. و کلیه کدهای css را در داخل این سند css خارجی به شکل زیر می نویسیم.
در حقیقت نیاز داریم که در روش سوم سند خارجی css را به سند html خود مرتبط کنیم. برای اینکار مطابق شکل بالا کافی است که از تگ link استفاده کنیم. که جزء تگ های تنها ( Self Closing Tag ) ها می باشد. تگ لینک برای فراخوانی سند css ، به سند html ما سه Attribute مهم می گیرد:
ویژگی type در سند سی اس اس
Attribute اولی type و نوع سند شما را مشخص می کند که بایستی مقدار text/css را در آن قرار دهید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
ویژگی rel در سند سی اس اس
Attribute دومی rel می باشد، که شیوه نامه سند شما را بر پایه مقدار stylesheet مشخص می کند.
ویژگی href در سند سی اس اس
و Attribute سوم که href نام دارد در حقیقت مسیردهی و نام سند css ذخیره شده شما را مشخص می کند.
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
کدهای CSS در اسناد HTML روش های استفاده از سند css – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید