-
July 17th, 2012, 15:08
#51
عضو جدید
پاسخ : آموزش css
همانطور که مشاهده می کنید بدون استفاده از حروف بزرگ در نوشتن کد، متن ما با حروف بزرگ نمایش داده می شود.
این ویژگی چند مقدار دارد که در اینجا مشاهده می کنید:
- none :
با انتخاب این گزینه متن به همان صورتی که تایپ شده است نمایش داده می شود.
- lowercase :
با انتخاب این گزینه متن با حروف کوچک نمایش داده می شود.
- uppercase :
این گزینه متن را با حروف بزرگ نمایش می دهد.
- capitalize :
این گزینه حروف اول کلماتی را که با حروف کوچک نوشته شده اند با حروف بزرگ و بقیه حروف را با حروف کوچک نمایش می دهد. به مثال زیر توجه کنید:
کد HTML:
<div style="text-transform: capitalize">this is an example of capitalize value for text-transform propety</div>
متن به صورت زیر نمایش داده می شود:
This Is An Example Of Capitalize Value For Text-Transform Propety
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012 15:08
# ADS
-
July 17th, 2012, 15:10
#52
عضو جدید
پاسخ : آموزش css
line-height
این ویژگی به ما امکان می دهد تا ارتفاع سطر ها را مشخص کنیم. این ارتفاع می تواند به صورت درصد یا در مقیاس پیکسل باشد و فاصله بین سطرها را مشخص می کند.
برای مثال اگر بخواهیم سطرها از هم 50 پیکسل فاصله داشته باشند می توانیم به صورت زیر عمل کنیم:
کد HTML:
<div style="line-height: 50px">بین این سطر و سطر بعدی<br>20 پیکسل فاصله وجود دارد.</div>
نتیجه به صورت زیر خواهد بود:
بین این سطر و سطر بعدی
20 پیکسل فاصله وجود دارد.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:11
#53
عضو جدید
پاسخ : آموزش css
text-indent
این ویژگی مقدار تو رفتگی متن را در سطر اول هر قسمت (مثلاً سطر اول هر پاراگراف) مشخص می کند. این مقدار می تواند بر حسب پیکسل یا در صد باشد.
در مثال زیر این مقدار تو رفتگی را 30 پیکسل در نظر می گیریم:
کد HTML:
<div style="text-intend: 30px">
سطر اول این قسمت با 30 پیکسل تو رفتگی نمایش داده می شود.<br>
در حالی که بقیه سطرها به صورت عادی و<br>
بدون تو رفتگی نمایش داده می شوند.
</div>
این هم نتیجه:
سطر اول این قسمت با 30 پیکسل تو رفتگی نمایش داده می شود.
در حالی که بقیه سطرها به صورت عادی و
بدون تو رفتگی نمایش داده می شوند.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:14
#54
عضو جدید
پاسخ : آموزش css
تنظیم فونت صفحه با استفاده از استایل
در این قسمت به روش تنظیم فونت متن با استفاده از استایل می پردازیم. بسیاری از اعمالی را که قبلاً با تگ <font> انجام می دادیم می توانیم با استایل انجام دهیم.
font-family
ویژگی font-family مشخص می کند که متن با چه فونتی باید نشان داده شود. این ویژگی در حقیقت جانشین شناسه face که در تگ font استفاده می شود است. گزینه پیش فرض برای فونت ممکن است در مرورگرهای مختلف تفاوت داشته باشد، اما معمولاً Times New Roman است.
در مثال زیر از ویژگی font-family برای تغییر فونت متن داخل یک div به Arial استفاده می کنیم:
کد HTML:
<div style="font-family: Arial">این متن با فونت Arial نمایش داده می شود.</div>
نتیجه را به صورت زیر مشاهده می کنید:
این متن با فونت Arial نمایش داده می شود.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:15
#55
عضو جدید
پاسخ : آموزش css
البته باید به خاطر داشته باشید که اگر بازدید کننده فونت مورد نظر شما را نداشته باشد، مرورگر به جای آن از فونت پیش فرض خود استفاده می کند. برای جلوگیری از بروز این مشکل باید از فونتهایی استفاده کنید که معمولاً به همراه سیستم عامل نصب می شوند و در اکثر سیستمها موجود هستند.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:16
#56
عضو جدید
پاسخ : آموزش css
font-size
این ویژگی مشخص کننده اندازه فونت در صفحه می باشد. گزینه پیش فرض برای این ویژگی medium است.
فرض کنید می خواهیم متن درون یک DIV با اندازه 30 پیکسل نمایش داده شود:
کد HTML:
<div style="font-size: 30px">این متن با اندازه 30 پیکسل نمایش داده می شود.</div>
نتیجه را ملاحظه کنید:
این متن با اندازه 30 پیکسل نمایش داده می شود.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:18
#57
عضو جدید
پاسخ : آموزش css
font-style
کار این ویژگی تقریباً شبیه تگ <I> در HTML است، اما چون استفاده از تگهایی نظیر <FONT>, <B>, <U> و <I> در حال کمرنگ شدن است بهتر است از استایل برای مورب نشان دادن متن استفاده شود.این ویژگی می تواند مقادیر زیر را داشته باشد:
به یک مثال در مورد این ویژگی توجه کنید:
کد HTML:
<div style="font-style:oblique">این متن به صورت مورب مشاهده می شود.</div>
نتیجه به این صورت خواهد بود:
این متن به صورت مورب مشاهده می شود.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:19
#58
عضو جدید
پاسخ : آموزش css
font-weight
این ویژگی به ما امکان می دهد تا میزان ضخامت متن را تعیین کنیم. می توانیم از مقادیر زیر برای این ویژگی استفاده کنیم:
- normal
- bold
- bolder
- lighter
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
در اینجا به ذکر یک مثال می پردازیم:
کد HTML:
<div style="font-weight: 700">این متن تقریباً ضخیم مشاهده می شود.</div>
نتیجه به این صورت خواهد بود:
این متن تقریباً ضخیم مشاهده می شود.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:21
#59
عضو جدید
پاسخ : آموزش css
نحو تغییر رنگ متن با استفاده از CSS
color
از ویژگی color برای تغییر رنگ متن قسمتهای مختلف صفحه استفاده می شود. برای مثال می توانید رنگ متن یک جدول را تغییر دهیم و یا قسمتی از متن صفحه را که با تگ SPAN مشخص کرده ایم با رنگ متفاوتی با بقیه متن نمایش دهیم. این تگ از آن جهت که کاربرد تگ <FONT> و در نتیجه شناسه color که در تگ فونت استفاده می شود، در HTML4 در حال محدود شدن است اهمیت بیشتری پیدا می کند.
البته در قسمتهای قبلی هم از این ویژگی استفاده کرده ایم اما در باره آن توضیحی داده نشده است.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-
-
July 17th, 2012, 15:22
#60
عضو جدید
پاسخ : آموزش css
مانند COLOR در تگ FONT رنگها در این ویژگی به دو صورت تعیین می شوند. شکل کلی این ویژگی به صورت زیر است:
کد HTML:
color: نام رنگ مورد نظر
color:#معادل هگزادسیمال رنگ
اگر می خواهید از رنگهای معمولی که با نام شناخته می شوند استفاده کنید کافی است تا نام رنگ مورد نظر خود را در این ویژگی استفاده کنید. این روش ساده تر است ولی انعطاف پذیری کمتری هم دارد چون تنها می توانید رنگ مورد نظر خود را از بین تعداد اندکی نام رنگ انتخاب کنید.
************** هاست نامحدود سالیانه 13600 تومان با دامین رایگان .ir *************
http://www.webhostingtalk.ir/f20/53561/
**********نمایندگی هاست لینوکس نامحدود با دامین رایگان .ir ماهیانه فقط 13000 تومان *************
-