بایگانی برچسب: s

HTML و CSS

آموزش برنامه نویسی CSS – نحوه ی ارتباط CSS با HTML (بخش آخر)

سلام
در جلسات قبل به این موضوع رسیدگی کردیم که چگونه میتوان CSS را با HTML مرتبط کرد. و متوجه شدید که حتی میتوان یک CSS خارجی ساخت و سپس آن را با HTML درون نرم افزار مرتبط کرد. حالا در این آموزش به روش های دیگر ارتباط این دو زبان با یکدیگر می رسیم.
ابتدا همونطور که در آموزش قبل گفتم یک CSS خارجی را به روشی ساده میتوان با HTML که درون نرم افزار است ارتباط داد. حالا در این آموزش به دو روش دیگری که در این بحث وجود دارد میرسیم.
۱– درون کدی
۲- درون خطی
۳- یه شیوه ی Drag & Drop
من ترجیح میدم که از آموزش رو با شیوه ی درون کدی شروع بکنم و سپس به بقیه ی آموزش رو ادامه بدم.
۱– آموزش ارتباط CSS با HTML به روش درون کدی
یک CSS داخلی را می توان مورد استفاده قرار داد اگر یک سند تنها از یک سبک دهی منحصر به فرد استفاده کند.
شیوه نامه داخلی با استفاده از تگ style، در بخش<HEAD> در یک صفحه HTML، تعریف می شود. به عنوان مثال:

۲- آموزش ارتباط CSS با HTML به روش درون خطی
شیوه نامه درون خطی می تواند مورد استفاده قرار گیرد اگر استایل منحصر به فرد به یک رخداد منفرد از یک عنصر به کار رود.
برای استفاده ازاستایل درون خطی،از تگ های مربوطه استفاده کنید که می تواند حاوی هر خاصیت CSS باشد.
مثال زیر نشان می دهد که چگونه برای تغییر رنگ متن و حاشیه چپ از یک پاراگراف استفاده کنید:

۳– آموزش ارتباط CSS با HTML به روش Drag & Drop
این روش ساده ترین روش است به طوریکه همانطور که از اسم این موضوع پیداست فقط کافی است که شما فایل CSS یا همان استایل مورد نظر را انتخاب کرده سپس آن را کشیده (Drag) و آن را درون تگ<Head> قرار دهید یا به طوریکه هم معنی با اسم خارجی خود باشد ان را بیاندازید. (Drop) و حالا CSS شما قابل استفاده در HTML است.
با عرض تشکر خدمت شما خواننده عزیز که وقت گران بهای خود را در اختیار ما گذاشته اید.
از طرف خودم و گروه برنامه نویسی پنگوئن از شما تشکر میکنم.