آموزش css

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

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

نکات و ترفندها اغلب در کلاس های درس آموزش داده نمی، که آیا آنها آنلاین و یا در فرد می باشد. شما اغلب فقط باید آنها را یاد بگیرند از طریق تجربه و یا با صحبت کردن به توسعه دهندگان چاشنی. خوشبختانه، این لیست است که در اینجا برای کمک به. ده ترفندهای زیر می توانید هر دو کمک کند به تازگی خود آموخته و برنامه نویسان چاشنی به طور یکسان.

1. یک آستر دوستان شما هستند.

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

2. CSS مختصر برای یک دلیل وجود دارد، از آن استفاده کنید.

اجتناب از مختصر نویسی است برای مبتدیان. مختصر نویسی CSS به شما می دهد یک راه کوتاه تر (تعجب) نوشتن کد CSS خود را، که نه تنها به شما موجب صرفه جویی در زمان تایپ کردن، بلکه باعث می پاک کن کد و راحت تر درک.

شما می توانید زمان را هدر نوشتن کد، مثل این:

.header {

رنگ پس زمینه: به #fff؛

تصویر پس زمینه: URL (image.gif)؛

تکرار پس زمینه: بدون تکرار؛

موقعیت پس زمینه: بالا سمت چپ.

}

یا شما به سادگی می توانید آن را ارسال، مثل این:

.header {

سابقه و هدف: URL به #fff (image.gif) بدون تکرار
بالا سمت چپ

}

انتخاب شما.

3. استفاده از reset.css در بین مرورگرها.

مرورگرهای مختلف، مانند فایرفاکس، اینترنت اکسپلورر، سافاری و یا، همه روش های مختلف ارائه سبک های CSS. با استفاده از reset.css شما می توانید تمام سبک های اساسی تنظیم مجدد و شروع با شیوه جدید خالی واقعی است. این بسیار مهم است، از آن کاهش تناقضات مرورگر در چیزهایی مانند ارتفاع خط به طور پیش فرض، حاشیه، اندازه فونت از سرفصل ها، و بیشتر کمک می کند.

4. دانستن تفاوت بین “کلاس” و “شناسه”.

این است که اغلب تمایز گیج کننده برای مبتدیان. در هنگام کار در CSS، کلاس است که یک نقطه نشان “.” در حالی که ID توسط یک هش “#” ارائه شده است. از لحاظ مفهومی، کلاس می تواند مورد استفاده مجدد قرار در حالی که ID بر روی سبک است که منحصر به فرد و خودش را تکرار نمی شود.

5. تصاویر بازی به رنگ وب سایت.

این بیشتر از یک ترفند های بصری از یک ترفند برنامه نویسی است، اما آن را هنوز هم یکی از مهم. شما به طور کامل می توانید انسجام یک سایت با استفاده از CSS به درخواست تن به تصاویر سیاه و سفید را تغییر دهید. با استفاده از وضوح بالا از PNGs و فیلترهای CSS، شما می توانید هر پرتره به رنگ یک رویداد و یا هر عکس سایت به رنگ شرکت یک کسب و کار هماهنگ باشد. شما حتی می توانید تصاویر در سراسر تم های متعدد استفاده مجدد با اضافه کردن یک دستور CSS جدید برای هر.

6. سازمان دیده بان اندازه تصویر خود را.

برای طرح بندی طراحی پاسخگو، شما می خواهید برای بهینه سازی تصاویر برای هر طرح به منظور کاهش پوسته پوسته شدن و پهنای باند مسائل. استفاده از JPEG، GIF و PNG-8 فرمت های فایل. سعی کنید به استفاده PNG مگر اینکه آن را کاملا ضروری (مثلا برای فوت و فن بالا) نیست، دلیل آن می تواند اندازه های فایل های خود را پنج تا ده برابر افزایش می دهد.

7. امکان استفاده از ابزار اشکال زدایی.

در حالی که افزایش سرعت CSS خود را، آن را همیشه کمک می کند تا یک پیش نمایش از طریق مسنجر از سایت خود را برای کمک با پیدا کردن مشکلات و اشکال زدایی کد شما. شما می توانید تعدادی از ابزار اشکال زدایی CSS آنلاین پیدا کنید که شما به سادگی بر روی مرورگر خود نصب کنید. بهترین ابزار اشکال زدایی در واقع بر روی مرورگر شما با استفاده از بستگی دارد، بنابراین مطمئن شوید که برای نگاه کردن به گزینه های مختلف برای فایرفاکس، اینترنت اکسپلورر، و یا دیگران.

8. یک استراتژی اولین تلفن همراه در نظر بگیرید.

اگر شما با طراحی اولین تلفن همراه آشنا نیست، آن را به سادگی به معنی ساختمان سایت تلفن همراه اول قبل از پوسته پوسته شدن تا برای ایجاد طرح های قرص و رومیزی. این مهم به کار با طراحان تلفن همراه که قادر به انجام این کار هستند، و برای توسعه دهندگان CSS، یکی از بزرگترین مزایای اتخاذ یک استراتژی اولین تلفن همراه است برای دیدن متن راه ها و آرم ها مشاهده شده است. اگر متن را در یک دستگاه تلفن همراه آسان به آماده است، سپس آن را احتمالا خواهد بود یک مسئله در یک قرص دسکتاپ یا نه. با این حال، متنی است که از یک کامپیوتر به راحتی قابل خواندن ممکن است که قابل خواندن در تلفن همراه.

9. کد خود را تمیز نگه دارید.

داشتن یک کد تمیز است به خصوص با طراحی پاسخگو مهم است. اگر شما یک کد کثیف، شما هم به سختی با اشاره به کد قبلی را داشته باشد، و همه چیز را به یک ظرف غذا غول تبدیل شود. همانطور که شما نوشتن، ایجاد تورفتگی مناسب و اظهار نظر آنها را به درستی. به عنوان کد خود را شما را بررسی، نوار دور هر nonessentials، که نه تنها کمک خواهد کرد همه چیز نگاه پاک، بلکه زمان بارگذاری صفحه را بهبود بخشد.

10. در سایت های دیگر برای الهام نگاه.

اغلب با ایده یکی از سخت ترین بخش هایی از طراحی CSS است. برو از طریق برخی از وب سایت های مورد علاقه خود را و شناسایی اجزای هر یک از که شما واقعا دوست دارم. شما باید کپی کنید و طراحی کل سایت، اما اغلب آن را کمک می کند تا برای منزوی جنبه است که می تواند در سایت شما در حال ایجاد مفید باشد.
مشکلات رایانه ای

سوالات رایانه ای

پاسخگویی به سوالات رایانه ای

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد.