تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 5 از 5

موضوع: 5 نکته برای این که بهتر CSS بنویسید !

  1. Top | #1
    مدیر بازنشته

    تاریخ عضویت
    Dec 2010
    ورژن ویبولتین
    -
    نوشته ها
    525
    مورد پسند
    1,021 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 15.0.1
    میزان امتیاز
    79

    پیش فرض 5 نکته برای این که بهتر CSS بنویسید !



    1.کدهایتان را مرتب نگه دارید !



    شما باید کدهایتان را مرتب نگه دارید تا راحت تر خوانده و بررسی شوند.
    نمونه 1 :
    کد PHP:
    .vbiran {
    float:left;
    padding:25px;
    margin-bottom:12px;
    background:blue;
    margin-right:10px;

    نمونه مرتب شده :
    کد PHP:
    .vbiran {
        
    background:blue;
      
    float:left;
      
    padding:25px;
      
    margin-right:10px;
      
    margin-bottom:12px;

    2.از کدهای خود مطمئن شوید و بعد تبدیل کنید !


    بهتر است بیس کد های خود را در یک موتور مانند Gecko بنویسید و بعد برای موتورهای دیگر تبدیل کنید . در غیر این صورت اگر نتیجه شما مطلوب نبود مجبور هستید سه خط و یا بیشتر ویرایش کنید و این یعنی سه برابر وقتتان تلف میشود !


    3.خلاصه بنویسید !


    خلاصه نویسی در css به شما کمک میکند سرعت کدنویسی خود را افزایش دهید .
    نمونه 2 :
    کد PHP:
    .vbiran {
    margin-top:20px;
    margin-right:5px;
    margin-bottom:25px;
    margin-left:10px;

    خلاصه شده :
    کد PHP:
     .vbiran margin:20px 5px 25px 10px; } 
    4.توضیح دهید !


    با کامنت نوشتن در css به خود و دیگران در یافتن و درک کردن کدها کمک کنید !
    نمونه 3 :
    کد PHP:
    /*gozineha!!!*/ 
    5.برای class ها و id ها ی خود اسم مناسب استفاده کنید !


    اگر از اسامی نامناسب برای کلس ها و آی دی های خود استفاده کنید دچار سردرگمی میشوید .
    نمونه 4 :
    کد PHP:
    .ghablame {
    color:black;

    نمونه سالم :
    کد PHP:
    .header_info {
    color:red;


    وی بی ایران
    ویرایش توسط jcs.w : 2012/11/08 در ساعت 08:09 AM
    Retired Mod <




  2. گیفت کارت آیتونز

  3. Top | #2
    کاربر سایت

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    5.0 , 4.2.1
    نوشته ها
    292
    مورد پسند
    221 بار
    اطلاعات
    Windows 8 Chrome 25.0.1364.172
    میزان امتیاز
    38

    پیش فرض

    با اجازتون منم یه راه خیلی آسون بگم!

    از نرم افزارهایی مثل Microsoft Visual Studio استفاده کنید

    با استافاده از این نرم افزار می تونید تا حد زیادی سرعت کد نویسی CSS و HTML خودتون رو بالا ببرید چون این نرم افزار کدهای ناقص شما رو خودش کامل میکنه و حالت های ممکن رو براتون نشون میده و برای سی اس اس خودش یه جعبه ی طراحی داره که برای استفاده از اون می تونید وقتی توی فایل سی اس اس خودتون هستید نام عنصر یا کلاس خود رو نوشته و از بخش Properties روی Style کلیک کنید و کار خودتونو خیلی راحت تر کنید

  4. Top | #3
    کاربر سایت

    تاریخ عضویت
    Jul 2013
    ورژن ویبولتین
    5
    نوشته ها
    9
    موردپسند
    1 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 22.0
    میزان امتیاز
    0

    پیش فرض

    منم با نظر بالایی موافقم
    چون خیلی راحت شما شماتیک کار میکنید و خودش کدهای مخصوص رو تولید میکنه
    حتی ویرایشش هم کار ساده ای هس

  5. Top | #4
    کاربر مفید و فعال

    تاریخ عضویت
    Nov 2012
    ورژن ویبولتین
    3
    نوشته ها
    362
    مورد پسند
    353 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 22.0
    میزان امتیاز
    48

    پیش فرض

    من با نرم افزار Adobe Dreamweaver CS5 کار میکنم. خیلی کارم راحت میکنه.


  6. Top | #5
    کاربر سایت

    تاریخ عضویت
    Mar 2013
    ورژن ویبولتین
    4.2
    نوشته ها
    21
    مورد پسند
    25 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    0

    پیش فرض

    اره با این نرم افزار دریم وی ور کار خیلی اسون میشه و در این ورژن جدید 5.5پنجو نیم سی اس اس 3 هم اضافه شده.

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

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

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

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

  1. پاسخ: 1
    آخرين نوشته: 2012/08/19, 12:51 AM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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