azami.cu@gmail.com | +98912 373 8239

چهار نکته در css که اغلب ما نمیدونیم

از مجموعه تکنیک های CSS - برای حرفه ای شدن
آموزش css,css,style,h1,logo,مخفی کردم متن لوگو,seo,استایل,نکته
به همت مهندس اعظمی در 1392/10/06

سلام بر شما دوستان عزیز

امیدوارم مطالب زیر بدردتون بخوره.

هنگام استفاده کردن یک فونت به صفحه میتونید این کار رو خیلی حرفه ای تر انجام بدید

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: BYekan,sans-serif

//شما میتونید به جای چند خط بالا فقط از این یک خط استفاده بکنید

font: bold italic small-caps 1em/1.5em BYekan,sans-serif

                        



اضافه کردن چند کلاس به یک المان

با این کار شما میتونید خیلی از حجم کدهای استایلتون کم بکنید و به سوی حرفه ای تر کد زدن حرکت کنید

...




قرار دادن فایل استایل برای چاپ صفحه

شما میتونید علاوه بر داشتن فایل استایل معمول صفحه یک فایل استایل دیگه هم به اون اضافه بکنید تا در موقع چاپ صفحه استایل هایی که توی فایل دومی نوشتید اجرا بشن.
این کار زمانی اهمیت پیدا میکنه که بخواید مثلا یک قسمت از صفحه دیده نشه ویا فونت عوض بشه و...

//فایل استایل در موقع مشاهده                                    


//فایل استایل در موقع چاپ                                    
 



مخفی کردن متن لوگو سایت

شاید برای شما هم اتفاق افتاده باشه که بخواید لوگو سایتتون فقط یه عکس باشه ولی از اونجا که موتورهای جستجوی برای لوگو سایت بیشتر به دنبال متن درون تگ H1 میگردن و شما باید برای عکس تگ alt رو هم ست بکنید در اینجا یک تداخل به وجود میاد چون تگهای alt هم بر روی موتورهای جستجو تاثیر میزارن و ما نباید چیزی جز متن توی تگ H1 داشته باشیم.
ولی هر چیزی یه چاره ای داره و اونم اینه که ما عکس رو به عنوان زمینه تگ H1 به استایل اضافه میکنیم و متن درون اون رو هم با روش زیر از دیده شدنش جلوگیریی می کنیم.
اینطوری هم ما به خواستمون رسیدیم هم موتورهای جستجو!

//روش ابتدایی                                    

sarat

//اینم بهترین روش انجام این کار

sarat

h1 { background: sarat.png no-repeat; height: image height text-indent: -2000px }


با تشکر از توجه شما -با عضویت در sarat از آخرین آموزش ها و مطالب با خبر شوید.



Tags:   آموزش css,css,style,h1,logo,مخفی کردم متن لوگو,seo,استایل,نکته