زمانی یک مرورگر برگه اینترنت را بار گذاری می نماید ، عنصرها جان دار طراحی سایت در مشهد در کاغذ اینترنت را مبنی بر فولدر CSS یا این که به عبارتی (style sheet) و کد های جانور در آن قالب بندی و تروتمیز کرده و اکران میدهد.
3راه برای دادن استایل (CSS) به عنصرها جانور در برگه اینترنت وجود دارااست :
استعمال از فولدر CSS فرنگی (External style sheet)
به کار گیری از پوشه CSS داخلی (Internal style sheet)
به کارگیری از استایل inline
اعتنا داشته باشید که پوشه CSS مسلما می بایست با پسوند .CSS ذخیره گردد و در باطن آن نباید از کدهای HTML مصرف شود.
فولدر CSS فرنگی:
استعمال از پوشه CSS فرنگی هنگامی مناسب میباشد که بخواهیم استایل را به کل یا این که بیشتر صفحه های اینترنت اعمال کنیم . این فعالیت سبب پرهیز از تکرار گردیده و همینطور چنانچه وقتی بخواهیم تغییری در استایل ها ساخت نماییم صرفا کافیست در یک پوشه تغییر و تحول دهیم ، پس این شیوه از دید بازه زمانی ، گوشه و کنار (وسعت کد مندرج) و هزینه تماما باصرفه میباشد.
درین طرز می بایست در پوشه HTML خویش این قطعه کد را اضافه نمایید تا بوسیله آن فولدر CSS فرنگی به کاغذ HTML پیوند خواهد شد.
دقت داشته باشید که شما می بایست در بخش href نشانی محل قرار گیری فولدر CSS خویش را وارد نمائید . در اینجا پوشه CSS ما در فولدر مهم (root) و با اسم mystyle میباشد شما می توانید آن را در هر مسیر دلخواهی از فولدر متبوع و با هر اسم دلخواهی ذخیره فرمایید.
از جمله شما میتوانید یک فولدر به اسم mycss در باطن فولدر اساسی ساخت و ساز فرمایید و در درون آن فولدر CSS خویش را با اسم styles.css ذخیره کنید . دراین حالت نشانی دهی در پوشه HTML به طور پایین خواهد بود:
این بدان معنیست که باطن فایل mycss فولدر style.css وجود دارااست که بوسیله امر بالا به پروژه پیوند می گردد.
CSSداخلی:
از CSS داخلی وقتی به کارگیری میگردد که بخواهید به یک ورقه استایل بدهید. برای تمجید آن باید در باطن مدرک متبوع استایل ها را باطن تگ قرار دهید.
نمونه:
استایل inline :
درین نحوه اکثری از مزایا را از دست میدهید ،پس کارایی فرمایید از این طریق کمتر استعمال نمائید.
با به کار گیری از این طریق استایل های شما صرفا به عنصر مربوطه داده خواهند شد و درصورتی که بدین عنصر از روش class یا این که id نیز به عبارتی استایل های inline با مقادیر دیگری را بدهید ، استایل inline حق تقدم بیشتری دارااست و آن اجرا گردد اما بقیه استایل ها که با استایل inline مشترک نیستند طبق مقادیری که درون class یا این که id مقدار دهی گردیده اند ، مقدار دهی خواهند شد.
نمونه :
اکران تیتر
برخی اوقات برای یک عنصر برای مثال تگ h1 درون یک پوشه css فرنگی که به گواهی خویش پیوند نموده اید، مقادیری را تهیه و تنظیم نموده اید به صورت نمونه width: 100px; color: blue; و در عین حالا در css داخلی نیز به به عبارتی عنصر مقادیر دیگری را نسبت داده اید ، برای مثال color: red; دراین وضعیت در باب استایل های مشترک css داخلی نسبت به css فرنگی حق تقدم بالاتری دارااست (و همانگونه که تا قبل از این گفتیم استایل inline نسبت به هردویعنی css داخلی و css فرنگی حق تقدم بالاتری داراست.)
دراین موقعیت عنصر h1 در درون مدرک مقدار color را از فولدر استایل داخلی می گیرد یعنی رنگ آن قرمزرنگ و مقدار width آن از css فرنگی ارث بری خواهد نمود.
نکته کلی:
استایل ها به ترتیب حق تقدم :
استایل inline
استایل موجو در css داخلی
استایل موجو در css فرنگی
استایل پیش فرض مرورگر (در صورتیکه که به یک عنصر هیچ استایلی داده نشود یا این که برخی از استایل ها داده نشوند از استایل های پیش فرض مرورگر برای آن عنصر استعمال گردد.)
زمانی یک مرورگر برگه اینترنت را بار گذاری می نماید ، عنصرها جان دار طراحی سایت در مشهد در کاغذ اینترنت را مبنی بر فولدر CSS یا این که به عبارتی (style sheet) و کد های جانور در آن قالب بندی و تروتمیز کرده و اکران میدهد.
3راه برای دادن استایل (CSS) به عنصرها جانور در برگه اینترنت وجود دارااست :
استعمال از فولدر CSS فرنگی (External style sheet)
به کار گیری از پوشه CSS داخلی (Internal style sheet)
به کارگیری از استایل inline
اعتنا داشته باشید که پوشه CSS مسلما می بایست با پسوند .CSS ذخیره گردد و در باطن آن نباید از کدهای HTML مصرف شود.
فولدر CSS فرنگی:
استعمال از پوشه CSS فرنگی هنگامی مناسب میباشد که بخواهیم استایل را به کل یا این که بیشتر صفحه های اینترنت اعمال کنیم . این فعالیت سبب پرهیز از تکرار گردیده و همینطور چنانچه وقتی بخواهیم تغییری در استایل ها ساخت نماییم صرفا کافیست در یک پوشه تغییر و تحول دهیم ، پس این شیوه از دید بازه زمانی ، گوشه و کنار (وسعت کد مندرج) و هزینه تماما باصرفه میباشد.
درین طرز می بایست در پوشه HTML خویش این قطعه کد را اضافه نمایید تا بوسیله آن فولدر CSS فرنگی به کاغذ HTML پیوند خواهد شد.
دقت داشته باشید که شما می بایست در بخش href نشانی محل قرار گیری فولدر CSS خویش را وارد نمائید . در اینجا پوشه CSS ما در فولدر مهم (root) و با اسم mystyle میباشد شما می توانید آن را در هر مسیر دلخواهی از فولدر متبوع و با هر اسم دلخواهی ذخیره فرمایید.
از جمله شما میتوانید یک فولدر به اسم mycss در باطن فولدر اساسی ساخت و ساز فرمایید و در درون آن فولدر CSS خویش را با اسم styles.css ذخیره کنید . دراین حالت نشانی دهی در پوشه HTML به طور پایین خواهد بود:
این بدان معنیست که باطن فایل mycss فولدر style.css وجود دارااست که بوسیله امر بالا به پروژه پیوند می گردد.
CSSداخلی:
از CSS داخلی وقتی به کارگیری میگردد که بخواهید به یک ورقه استایل بدهید. برای تمجید آن باید در باطن مدرک متبوع استایل ها را باطن تگ قرار دهید.
نمونه:
استایل inline :
درین نحوه اکثری از مزایا را از دست میدهید ،پس کارایی فرمایید از این طریق کمتر استعمال نمائید.
با به کار گیری از این طریق استایل های شما صرفا به عنصر مربوطه داده خواهند شد و درصورتی که بدین عنصر از روش class یا این که id نیز به عبارتی استایل های inline با مقادیر دیگری را بدهید ، استایل inline حق تقدم بیشتری دارااست و آن اجرا گردد اما بقیه استایل ها که با استایل inline مشترک نیستند طبق مقادیری که درون class یا این که id مقدار دهی گردیده اند ، مقدار دهی خواهند شد.
نمونه :
اکران تیتر
برخی اوقات برای یک عنصر برای مثال تگ h1 درون یک پوشه css فرنگی که به گواهی خویش پیوند نموده اید، مقادیری را تهیه و تنظیم نموده اید به صورت نمونه width: 100px; color: blue; و در عین حالا در css داخلی نیز به به عبارتی عنصر مقادیر دیگری را نسبت داده اید ، برای مثال color: red; دراین وضعیت در باب استایل های مشترک css داخلی نسبت به css فرنگی حق تقدم بالاتری دارااست (و همانگونه که تا قبل از این گفتیم استایل inline نسبت به هردویعنی css داخلی و css فرنگی حق تقدم بالاتری داراست.)
دراین موقعیت عنصر h1 در درون مدرک مقدار color را از فولدر استایل داخلی می گیرد یعنی رنگ آن قرمزرنگ و مقدار width آن از css فرنگی ارث بری خواهد نمود.
نکته کلی:
استایل ها به ترتیب حق تقدم :
استایل inline
استایل موجو در css داخلی
استایل موجو در css فرنگی
استایل پیش فرض مرورگر (در صورتیکه که به یک عنصر هیچ استایلی داده نشود یا این که برخی از استایل ها داده نشوند از استایل های پیش فرض مرورگر برای آن عنصر استعمال گردد.)