استايل (CSS) چيست؟
- CSS مخفف کلمه Cascading Style Sheets ميباشند.
- اولين ورژن استايلها در سال ۱۹۹۶ ساخته شد. که اولين ورژن آن CSS1 بود.
- ديگر وژن آن CSS2 مي باشد که در سال ۱۹۹۸ ساخته شد که بيشتر براي ويرايش صفحات، نحوه نمايشها تگها و ... کاربرد دارد.
- فايل استايلها با فرمت CSS ذخيره ميشوند.
انواع استايلها:
همانطوري که قبلا نوشتم استايلها بر سه نوع ميباشند:
۱. Inline Style: اين نوع استايل در داخل تگهاي HTML به كار گرفته ميشوند، و اين استايل فقط بروي همان تگ به خصوص تاثير خواهد گذاشت و به صورت زير نوشته خواهد شد.
<tag style="Style Declarations">
Example:
<p style="font-family: Tahoma">This is a paragraph</p>
در مثال بالا با استفاده از حالتهاي مختلف در استايلها نوع فونت آنرا تغيير داديم و همانطوري که در تعريف اين نوع استايل نوشتم اين استايل فقط و فقط تغييرات را بروي همين پاراگراف اعمال خواهد کرد.
۲. Embedded or Global Style: در اين نوع، استايل نوشته شده در تمامي صفحه تاثير خواهد گذاشت، اينرا بين دو تگ (<head></head>) به صورت زير نوشته خواهد شد.
<style>
<!--
Style Declaration
-->
</style>
Example:
<head>
<style type="text/css">
<!--
p { color: red; text-align: left; font-size: 8pt }
-->
</style>
</head>
اين نوع حالت از تغييرات تعريف شده بروي تمامي تگها پاراگراف اعمال خواهد شد که رنگ متن: قرمز، جهت متن: چپ، و اندازه فونت ۸ پوينت خواهد بود. توجه داشته باشيد در اين مثال سه حالت مختلف يک استايل را براي تگ پاراگراف تعريف کرديم که با استفاده از (;) حالتهاي مختلف آن از هم جدا شدند.
اگر بخواهيد اين حالت نوشته شده را براي چند تگ ديگر اعمال کنيد مي توانيد تگها را بااستفاده از کاما (,) از هم جدا کنيد براي مثال:
h1, h2, h3, h4 { color: gold; font-family: sans-serif }
<link href="url" rel="relation type" type="link type">
Example:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
در اين نوع از استايلها بعد از اينکه فايل استايل خود را آماده کرديد آنرا با فرمت CSS ذخيره کرده و آنرا همانند بالا فايل استايل را به قالب لينک مي کنيم. براي راحت بود در کار مي توانيد ابتدا استايلها را به صورت Internal استفاده کرده و بعد از اينکه کارتان تمام شد کدهاي نوشته شده بين دو تگ (<style></style>) را در نت پد کپي کرده و آنرا با فرمت CSS دخيره کرده و سپس با استفاده از فرمول بالا آن فايل را به قالب لينک دهيد.
يکي از مزيتهاي اين نوع استايل اين ميباشد که مي توانيد با داشتن يک فايل استايل براي چندين صفحه استفاده کنيد و از ديگر مزيت هاي آن با اين کار کدهاي قالب را به چند فايل تقسيم کرده و قالب را منظم تر ميشود.
February 29, 2004
سلام آقای ابراهيمی .
ممنون از اين آموزش بسيار خوبتون .
موفق باشيد.
February 29, 2004
طاها جان دستت درد نکنه ولی اينارو که قبلا گففته بودی!
March 01, 2004
سلام، مطلب آموزنده‌ای بود، فقط اين کلمه hosting تلفظ صحیحش هوستینگ هست که متاسفانه مانند بسیاری از کلمات انگلیسی در مکالمه‌ی فارسی اشتباه تلفظ می‌شوند. موقعی متوجه این اشتباه خواهید شد که با یک نفر به انگلیسی بخواهید صحبت کنید، اونوقت باید هر کلمه‌ای رو چند بار به صورتهای گوناگون تکرار کنید تا طرف متوجه منظور شما بشه. یکی از اون کلمات که من باهاش برخورد داشتم همین کلمه‌ی هوستینگ بوده.
اگر نمیخواهید از کلمه‌ی زیبای میزبان به جای هوستینگ استفاده کنید؛ دست کم از تلفظ صحیح آن استفاده کنید.
ممنون از مطالب آموزنده و با پوزش از جسارتی که شد.
محمد
March 01, 2004
سلام دوستان
خيلی ممنونم که به اين وبلاگ سرزديد و نظراتتون هم متشکرم...
محمد جان خيلی ممنونم که اين نکته رو تذکر داديد راستش رو بدونی من تا جايی که می تونم سعی می کنم از کلماتی فارسی استفاده کنم و اگر توجه کنيد به همين علت هست که زياد آموزشهايی که می نويسم کيفيت نداره من اگر بخوام اينها رو به زبان انگليسی بنويسم خيلی خيلی راحترم تا به فارسی بنویسم...
موفق باشيد.
March 02, 2004
لطفا در باره دراپ داون منو مطلب بنویسید
April 06, 2004
very nice site
---------------
Giełda Samochodowa
http://www.motonet.pl
جاوا براي شما H | *