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

سلام

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

<p class=”cl1 cl2 cl3″>

موفق باشید

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

سلام

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

password field solution in IE

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

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

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

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

password field fixed in IE

موفق باشید

واحد های CSS

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

بخش عمومی

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

رنگ ها

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

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

موفق باشید

first letter در CSS

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

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

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

خروجی:

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

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

موفق باشید

کاربرد اعلان 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، اولیت نهایی با رنگ 000 است.
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

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

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