Academy.it

10 قانون CSS که هر طراح وب باید بداند!

2 ارسال در این موضوع قرار دارد

در این مقاله می خواهیم درمورد تعدادی از قوانین و تعاریفی که میتونند طراحی وبسایت شما رو مدرن تر کنند, صحبت کنیم. این مقاله شامل 10 تعریف و قانونی که هر طراح وب باید در کارش استفاده کنه, هست.

 

media@

 

@media screen and (max-width: 960px) {

}

 

تگ media@ فقط به شما اجازه نمیده که بطور مشخص استایل دهی رو برای صفحه ی وب انجام بدید, امروزه کوئری های media همراه ساخت صفحات واکنش گرا یا طراحی وبسایت بر اساس شرایط دستگاه مورد استفاده, هستند. با استفاده از کوئری media به همراه پراپرتی هایی مثل min-width شما میتونید عناصر صفحه ی وب رو به شکل بهتری و با توجه به شرایط موجود به نمایش کاربر در بیارید.

 

background-size

 

body {
	background: url(image.jpg) no-repeat;
	background-size: 100%;
}

 

یک پراپرتی فوق العاده از CSS3 هست که با پشتیبانی مرورگرهای معروف, گسترش پیدا کرده. اوایل استفاده از بک گراند ها با سایز مورد نظر و در مکان دلخواه بسیار سخت و شایدم غیرممکن بود اما امروزه با استفاده از یک خط کد میشه سایز بک گراند رو عوض کرد و به شکل دلخواه درآورد. با بهره بردن از این نکته میتونید بک گراند های تمام قد با افکت های تصویری بسازید.

 

font-face@

 

@font-face {
	font-family: Blackout;
	src: url("assests/blackout.ttf") format("truetype");
}

 

یکی از پراپرتی های CSS3 که درسال های اخیر باعث اتفاقات جذابی در بخش طراحی وب شده, font-face@ هست. این گزینه به شما امکان میده هر فونتی که مد نظرتون هست رو به راحتی با فرمت های مختلف و تنظیمات دلخواه در هر بخش از کد CSS استفاده کنید. از font-face@ استفاده کنید و از بین چندین هزار فونت رایگان, دلخواه تان را در صفحه ی وب قرار دهید. برای اینکار میتونید از سرویس هایی مثل Google Webfonts یا Typekit هم استفاده کنید.

 

;margin: 0 auto

 

#container {
	margin: 0 auto;
}

 

تعریف margin: 0 auto یکی از نکات اولیه ای هست که شما باید برای سر و کله زدن با CSS بدانید. این شگفت انگیزه که هیچ تعریف خاصی برای وسط چین کردن یک عنصر به تعاریف css اضافه نشده. اما برای اینکار میتونید کد margin : 0 auto رو به عنصر مورد نظرتون اضافه کنید و اون رو در بلاک موجود وسط چین کنید.

 

overflow:hidden

 

.container {
	overflow: hidden;
}

 

راه های زیادی برای پاک کردن float ها وجود داره, اما یکی از بهترین و ساده ترین راه ها برای پاک کردن float ها, استفاده از overflow: hidden در container عنصری که float شده هست. این کد بار اضافی به استایل شما اضافه نمیکنه و در 90 درصد مواقع بدرستی کار می کنه.

 

clearfix.

 

ادامه...

http://academyit.net/10-قانون-CSS-که-هر-طراح-وب-باید-بداند

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

UNESCO World Heritage Sites list is one of the criteria based on which many tourists buy their Iran tour package. Iran joined UNESCO World Heritage Convention on February 26, 1975. There are 22 UNESCO world heritage sites in Iran, 21 of which are cultural heritage and "Loot desert" is the only natural heritage in Iran, registered on this list. The first sites inscribed on UNESCO list were "Choqa Zanbil", "Takht-e Jamshid" and "Naghsh-e Jahan Square" in 1979. Yazd city was the twenty second site and the first historical city of Iran inscribed on the list. The 22 sites inscribed on UNESCO World Heritage Sites list are: Choqa Zanbil (Susa), Naghshe Jahan Square (Isfahan), Takht-e Jamshid (Marvdasht), Takht-e Soleyman (West Azerbaijan), Pasargadae, Bam (Kerman), Dome of Soltaniyeh (Zanjan), Bisotun (Kermanshah), St. Thaddeus Monastery (Azerbaijan), Shushtar Historical Hydraulic System (Susa),  Tabriz Bazaar (Tabriz), Sheikh Safi Al-Din ensemble (Ardabil), Persian garden (9 gardens), Gonbad-e Qabus tower (Gonbad-e Kavus), Jame mosque of Isfahan, Golestan palace (Tehran), Shahr-e Sukhte (Sistan), Meymand (Kerman), Susa (Khuzestan), Persian qanats (11 qanats), Loot desert, Yazd city. The aforementioned sites can help you to have a better Iran trip.

https://www.journeytopersia.com/ExplorePersia/Posts/ByKhpOqWVx139704/UNESCO-Heritage-Sites?pgindex=3

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.