Linked or External style sheet

واضح آرشیو وب فارسی:سایت ریسک: fozool.mohammad javad18-12-2006, 03:10 AMسلام من تو css به یه مشکل بر خوردم اگه میشه کمک کنید وقتی میخوام یه استایل رو فراخونی کنم به یه جا دیگه نمیشه <html> <head> <style> I{font-size:19pt;color:red;} </style> </head> </html> این استایل باید فرا خونی شه تو این <html> <head> <link rel="stylesheet" type="text/css" href="myy.css"> </head> <body> <i>salam</i> </body> </html> ممنون میشم اگه اشکال این رو بگین whiskey30-12-2006, 10:39 PMتا اونجایی که من می دونم شما باید فایل css. رو اول ذخیره کنید بعد با همون کدهای دومی که خودتون اشاره کردید بش پیوند بخورید (لینک). تو html فراخوانی نداریم. در ضمن شما دو بار نمی تونید از برچسب (تگ) <head> استفاده کنید. در کل فایل css باید جدا ذخیره شده باشه. این کار هم معمولاً برای راحتی در ویرایش سایت های بزرگ و پویا استفاده می شه. اگه شما یه سایت استاتیک یا وبلاگ دارید بهتره از همون تگ <style> استفاده کنید. اون فایل .css هم که گفتم احتیاج به <html> <body> <style> نداره. amie hossein31-12-2006, 02:00 AMسلام دوست عزيز همون طوري كه گفتند كد دوم شما موردي نداره ولي در مورد كد اول شما بايد بگم كه css كه كد html نيست كه شما اون تگها رو گذاشته ايد . در كل سه روش تعريف استايل داريم كه شما مي خواهيد از نوع link or external stylesheed استفاده كنيد پس بايد كد اول رو بدون اون تگها و جداگانه در يك فايل متني با پسوند css ذخيره كنيد و اون رو تو فايل html خود فراخواني كنيد. در كل سه روش داريم : انواع استايلها: ۱. Inline Style: اين نوع استايل در داخل تگهاي HTML به كار گرفته ميشوند، و اين استايل فقط بروي همان تگ به خصوص تاثير خواهد گذاشت و به صورت زير نوشته خواهد شد. HTML Code: <tag style="Style Declarations"> Example: <p style="font-family: Tahoma">This is a paragraph</p> در مثال بالا با استفاده از حالتهاي مختلف در استايلها نوع فونت آنرا تغيير داديم و همانطوري که در تعريف اين نوع استايل نوشتم اين استايل فقط و فقط تغييرات را بروي همين پاراگراف اعمال خواهد کرد. ۲. Embedded or Global Style: در اين نوع، استايل نوشته شده در تمامي صفحه تاثير خواهد گذاشت، اينرا بين دو تگ (<head></head>) به صورت زير نوشته خواهد شد. HTML Code: <style>  </style> Example: <head> <style type="text/css">  </style> </head> اين نوع حالت از تغييرات تعريف شده بروي تمامي تگها پاراگراف اعمال خواهد شد که رنگ متن: قرمز، جهت متن: چپ، و اندازه فونت ۸ پوينت خواهد بود. توجه داشته باشيد در اين مثال سه حالت مختلف يک استايل را براي تگ پاراگراف تعريف کرديم که با استفاده از ( حالتهاي مختلف آن از هم جدا شدند. اگر بخواهيد اين حالت نوشته شده را براي چند تگ ديگر اعمال کنيد مي توانيد تگها را بااستفاده از کاما (,) از هم جدا کنيد براي مثال: HTML Code: h1, h2, h3, h4 { color: gold; font-family: sans-serif} ۳. Linked or External style sheet: نوع آخر هم معروف به استايلهاي خارجي هستند كه به صورت لينك فايل استايل را به صفحات خود لينك ميدهيد. فايلهاي استايل با فرمت CSS ذخيره ميشوند و به صورت زير به صفحات لينك داده ميشود. HTML Code: <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 دخيره کرده و سپس با استفاده از فرمول بالا آن فايل را به قالب لينک دهيد. يکي از مزيتهاي اين نوع استايل اين ميباشد که مي توانيد با داشتن يک فايل استايل براي چندين صفحه استفاده کنيد و از ديگر مزيت هاي آن با اين کار کدهاي قالب را به چند فايل تقسيم کرده و قالب را منظم تر ميشود. در ضمن دوست عزيز اين لينك مي تونه خيلي بهت كمك كنه: http://forum.persiantools.com/showthread.php?t=34430 fozool.mohammad javad05-01-2007, 03:37 AMسلام ممنون از این که جواب دادین و راهنمای کردین ولی من به جواب سوال رسید م امدم از یه class برای این کار استفاده کردم و کد css رو همان طور که گفتین تو class گذاشتم از این که جواب سوال من رو دادین ممنون amie hossein بابت این اموزش هم ممنون امید وارم بتونم جبران کنم... سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 165]