/ آموزش انتخابگر های color ، font ، text-align و direction در CSS
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش انتخابگر های color ، font ، text-align و direction در CSS

  1. #1
    MR.CSS آنلاین نیست.
    MR.CSS
    کاربر سايت
    625نوشته505مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    115
    پسندیده است
    697 پست
    بلاگ
    9 پست
    میزان امتیاز
    515
    www.euro-design.ir

    آموزش انتخابگر های color ، font ، text-align و direction در CSS

    در این آموزش می خوام به شما چند تا انتخابگر ساده رو که در css کاربرد بسیار زیادی دارن به شما آموزش بدم.
    از selector های ساده مانند color ، direction ، font و text-align شروع می کنیم.
    قبل از شروع به این مثال توجه کنید:
    کد HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>www.moisrex.rozblog.com</title>
    <style>
    div{
        color:red;
        font:bold 11px tahoma;
        direction:rtl;
        text-align:center;
    }
    </style>
    </head>
    
    <body>
        <div>متن شما در اینجاست</div>
    </body>
    
    </html>

    نحوه استفاده از انتخابگر color

    همون طور که از اسمش پیداست این کد به شما کمک می کنه که بتونید رنگ متون رو تغییر بدید. به مثال زیر توجه کنید:
    کد HTML:
           div{
        color:      blue;
    }

    چه رنگ هایی وجود دارد؟ چگونه رنگ ها را بنویسیم؟

    همون طور که دیدید بعد از color شما می توانید از مقادیری مانند blue , red , black , brown , yellow و ... استفاده کنید که البته اگر در کدنویسی کمی حرفه ای تر شدید دیگر از این مقادیر کمتر استفاده می کنید و بیشتر به دنبال کد هر کدام از آنها می روید که می توانید آموزش مختصری را در این لینک یاد بگیرید. برای مثال به نمونه زیر برای رنگ سیاه توجه کنید:
    کد HTML:
           div{
        color:      #000;
    }
    که البته می توانید به جای 000 از 000000 استفاده کنید. در نوشتن رنگ ها شما می توانید در صورتی که دو عدد کناری مثل هم باشند آن را به صورت مختصر بنویسید. مثلا به جای FF0011 می توانید بنویسید F01
    کد:
    توجه داشته باشید که برای استفاده از این نوع کد      ها (مثلا قرمز با کد FF0000) می      بایست حتما قبل از آن از کاراکتر # استفاده کنید.
    نحوه استفاده از font

    همانطور که اسم مشخص است شما می توانید با استفاده از این خاصیت به نوشته های خود جلا دهید و آنها را زیبا و زیبا تر کنید. برای مثال بهترین انتخاب برای یک کدنویسی خبره ایرانی و نوشتن متون فارسی مانند همین متنی که شما می خوانید مثال زیر است:
    کد HTML:
           div{
        font:      11px Tahoma;
    }

    در مقادیر بالا 11px نشان دهنده اندازه متن و Tahoma نشان دهنده فونت متن می باشد که بهترین فونت و سازگار ترین فونت برای نوشته های ایرانی می باشد. البته فونت های بسیار زیبا تری هم مانند B Yekan یا B Koodak و ... وجود دارند که برای استفاده از آن ها باید بر قالب آن فونت را نصب کرد که کاری حجم گیر و وقت گیر است و اصلا به استفاده از آن پیشنهاد نمی شود.
    برخی از زیر دسته های font

    منظرور از زیر دسته این است که انتخابگر های دیگری هم مانند font وجود دارند که در واقع همان font هستند ولی به صورتی مجزا از آن هم موجود هستند.
    گزينه توضيحات
    font-family این در اصل همان فونت هست که نوع فونت (مثلا Tahoma) را مشخص می کند.
    font-style این گزینه حالت فونت را مشخص می کند که می تواند مقادیری نظیر italic , normal , oblique , inherit داشته باشد.
    font-size این گزینه مقدار بزرگی فونت را مشخص می کند (مثلا 11px)
    font-weight این گزینه مقدار توپر بودن (bold) فونت را مشخص می کند و مقادیری نظیر bold , normal , inherit , 100 , 200 , 300 , ... , 900 , lighter , bolder را داشته باشد.
    font-kerning
    font-language-override
    font-size-adjust
    font-stretch
    font-variant
    font-variant-caps
    font-variant-east-asian
    font-variant-ligatures
    font-variant-numeric
    مقادیر دیگر که کاربرد زیادی در کدنویسی ندارن

    نحوه استفاده از direction

    direction در واقع همون dir در html هست که با استفاده از اون شما می تونید متن خودتون رو برای متن های راست چین و یا چپ چین اختصاص بدید.
    در استفاده از direction به دو خاصیت بر می خورید:

    1. ltr : که مخفف Left To Right می باشد و متن شما را چپ چین می کند.
    2. rtl : که مخفف Right To Left می باشد و متن شما را راست چین می کند که برای فارسی زبانان بسیار مفید است.

    کد HTML:
       	div{
         	direction:  	rtl;
    }
    نحوه استفاده از text-align

    این خاصیت در واقع همان align درون html می باشد که در CSS هم وجود دارد. شما با استفاده از آن می توانید متن خود را به طرف های راست ، وسط ، چپ و ... منتقل کنید.
    در text-align از چه گزینه هایی می توان استفاده کرد؟

    گزينه توضيحات
    left متن را به سمت چپ می برد.
    right متن را به سمت راست می برد.
    center متن را به وسط صفحه می برد.
    justify متن را از اول سطر شروع کرده و دقیقا در آخر سطر به پایان می رساند و متن شما را منظم می کند.
    end متن شما را در آخر سطر (بر خلاف direction متن را می برد)
    start متن را به اول سطر می آورد.
    inherit عمل کردی ندارد و برای خنثی کردن ساخته شده است.

    کد HTML:
           div{
             text-align: center;
    }

    منبع:

    moisrex

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. دانلود هک نمایش گروه های کاربری Usergroup Color Bar Legend
    توسط Mr.Sina در انجمن vbulletin Version 4.x
    پاسخ: 61
    آخرين نوشته: 06-08-2017, 12:15 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک