اعمال چندین کلاس به یک عنصر (تگ) HTML

سلام

گاهی اوقات نیاز به اعمال چندین کلاس به یک عنصر دارید. مثلا فرض کنید که یک کلاس برای بردر (قاب؟) های کم رنگ، یک کلاس دیگر برای بک گراند (پس زمینه؟) های پر رنگ و یک کلاس دیگر برای فونت ها ایجاد کرده باشید.
برای ترکیب این کلاس ها و استفاده آنها کافیست نام آنها را در ویژگی class یک عنصر با فاصله از هم جدا کرده و بنویسید. مانند:

<p class=”cl1 cl2 cl3″>

موفق باشید

  • Share/Bookmark

حل مشکل سایز فیلد password در IE

سلام

یکی از اشکلات IE در نمایش فیلد های password فرم ها می باشد. به تصویر زیر توجه کنید:

password field solution in IE

برای حل این مشکل کافیست تا به همه فیلد های خود (برای داشتن اندازه ی برابر) کد استایل زیر را اضافه نمائید:

style=”font-family:’arial’;”

البته arial هر مقداری می تواند باشد. مهم اعمال خصیصه font-family می باشد.(این اعمال می تواند توسط کلاس ها، تگ ها و … صورت گیرد.)

به عکس زیر توجه کنید:

password field fixed in IE

موفق باشید

  • Share/Bookmark

واحد های CSS

سلام
CSS دارای واحد هایی جهت استفاده است که گاه باعث سردرگمی افراد می شود. این واحد ها که تعداد آنها ۱۲ عدد می باشد، در دو بخش عمومی و رنگ ها تقسیم بندی می شوند.

بخش عمومی

واحد توضیحات
% درصد
in اینچ
cm سانتی متر
mm میلی متر
em 1em برابر با سایر فونت فعلی می باشد. ۲em برابر با ۲ برابر سایز فونت فعلی می باشد.. مثلا اگر سایز فونت فعلی ۱۲pt باشد، آنگاه ۲em به معنی ۲۴pt است. em یکی اتز کاربردیترین واحدد های css می باشد که برای سادگی در دادن اندازه های نسبی به کار می رود.
ex ex به معنی x-height است. x-height همان ارتفاع فعلی کاراکتر x است.
pt پوینت (point). (یک pt برابر با ۱/۷۲ اینچ است)
pc پیکا (pica). (یک pc بابر با ۱۲pt است)
px پیکسل (pixels). (کوچکترین نقطه در مونیتور)

رنگ ها

واحد توضیحات
نام رنگ نام یک رنگ. مانند red که همان قرمز است. به نکته زیر جدول توجه نمایید.
rgb(x,x,x) مقدار RGB (مانند rgb(255,0,0))
rgb(x%, x%, x%) مقدار RGB بر حسب درصد (مانند rgb(100%,0%,0%))
#rrggbb عددی بر مبنای ۱۶ (مانند #ff0000)

نکته
۱۶ رنگ RGB مهم در ویندوز عبارتند از:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

موفق باشید

  • Share/Bookmark

first letter در CSS

سلام
مطلب امروز در عین کاربردی بودن در کمتر جایی معرفی شده است. امیدوارم که مفید باشد.

:first-letter
:first-letter یک عنصر غیر واقعی می باشد که در جهت اعمال یک یا چند استایل CSS بر روی اولین حرف(کاراکتر) یک متن مورد استفاده قرار می گیرد.
کد:

div.BigFirst:first-letter {
color: #ff0000;
}

خروجی:

رنگ اولین حرف این پاراگرف قرمز است.

:first-letter بر روی Microsoft® Internet Explorer 5.5(یا جدیدتر) و Firefox پشتیبانی می شود.
اطلاعات بیشتر (more)

موفق باشید

  • Share/Bookmark

کاربرد اعلان important در CSS

سلام

گاهی اوقات در بعضی از دستورات CSS با عبارت !important مواجه شده اید. در مورد کاربرد آن چه می دانید؟
به کد استایل زیر توجه کنید:

p {
background-color:#fff ;
color:#000 ! important;
}

p {
background-color:#9cf ;
color:#f00;
}

!important باعث می شود که کد کنار آن بیشترین اولیت را داشته باشد. در کد بالا با وجود اینکه color:#f00 بعد از color:#000 آمده است و در حالت عادی اولویت بیشتری دارد، به دلیل وجود !important کنار color:#000، اولیت نهایی با رنگ ۰۰۰ است.
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

p {
background-color:#9cf ;
color:#000 !important;
}

اطلاعات بیشتر(more)
موفق باشید

  • Share/Bookmark