close
چت روم
css
Advertise
subjects دسته بندی موضوعات
login ورود

در صورتی که قبلا ثبت نام کرده اید می توانید با وارد نمودن اطلاعات خود در کادر زیر به عنوان کابر وارد سایت شوید

نام کاربری :
رمز عبور :
در صورت فراموشی رمز عبور خود کلیک کنید
fast register عضویت سریع

شما میتوانید با عضویت در این سایت از تمام امکانات آن استفاده کنید ، کافی است به ما بیپوندید !

نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : * کد امنیتیبارگزاری مجدد
counter آمار بازدید
افراد آنلاین : 1
تعداد مطالب : 212
کل نظرات : 29
تعداد اعضای سایت : 340
بازدید امروز : 56
بازدید دیروز : 222
بازدید این هفته : 685
بازدید این ماه : 2,823
ورودی گوگل امروز : 9
ورودی گوگل دیروز : 35
بازدید کل : 115,340
سیستم عامل شما :
نام مرورگر شما :
آی پی شما : 54.159.51.118
mail آگاهی نامه

با عضویت در خبرنامه از آخرین مطالب سایت در ایمیل خود آگاه شوید


lastposts آخرین پست ها
hit posts پست های دارای بیشترین بازدید
random posts پست های شانسی
archive آرشیو

شیوه نوشتن به زبان CSS

 

یک مجموعه دستوری CSS حاوی یک انتخاب کننده ( Selector ) و یک بلاک اعلان می باشد.

شیوه نگارش به زبان CSS

 

قسمت selector به عنصر HTML ی اشاره می کند که شما می خواهید به آن سبک و استایل دهید.

قسمت بعدی که به بلاک اعلان ( Declaration Block ) مشهور است و در بین { } قرار دارد، حاوی یک یا چند اعلان CSS می باشد که هر کدام از این اعلان ها توسط سمیکالن ( ; ) از هم جدا می شوند.

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

یک اعلان CSS همیشه بوسیله نماد سمیکالن ( ; ) به پایان می رسد و بلاک های اعلان نیز به وسیله { } در بر گرفته می شوند.

در مثالی که در ادامه می بینید تمام عناصر <p> به رنگ آبی در می آیند و در مرکز صفحه قرار می گیرند و دارای قاب خواهند بود :

 

p {

    color: blue;

    text-align: center;

    border: 2px solid black;

}

سلام

میخوام سایتی رو بهتون معرفی کنم که در زمینه آموزش css ویدئو های آموزشی خوبی تهیه کرده و برای استفاده در سایتش قرار داده .

Must-Watch-CSS

این سایت به صورت پروژه رو گیت هاب قرار داره و شما میتونید از طریق اون css رو به صورت حرفه ای یاد بگیرید .

برای ورود به سایت Must-Watch-CSS کلیک کنید

 

 

این کد رو از یکی از همین سایت های خارجی که اسمشو یادم رفت پیدا کردم ...

با استفاده از سی اس اس و اچ تی ام ال یه خروس خوشگل ساخته که قراره امشب با بچه بزنیم به بدن : دی

این کد بدون استفاده از حتی یک تصویر یه خروس متحرک براتون میسازه که نشان دهنده جادوی CSS و HTML می باشد : دی

حالا من کدش رو میزام تا ازش فیض ببرید ...: دی 



لینک دمو


باتشکر 




خاصیت Margin یا مارجین توی css جزو پر کاربرد ترین خاصیت هاست .

Margin میتونه باعث بشه که المنت موردنظر ما از عنصر مادر خودش ( از چهار طرف ) چقدر فاصله داشته باشه ...

سلام

شما میتونید با دادن آدرس وبلاگ یا سایتتون به این ابزار بفهمید که کدهای CSS و HTML قالبتون ولید ( بهینه ) هستن یا نه .

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

میتونید در ادامه مطلب ابزار رو ببینید ...

باسلام

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

توی این درس سه روش قرار دادن استایل CSS (همون CSS) درون صفحه وب رو یاد میگیریم.

پس با من همراه باشید !
همانطور که میدانید متن های انگلیسی را از سمت چپ به راست می نویسند و متن های فارسی از سمت راست به چپ نوشته می شوند.

در طراحی صفحات وب و سایت ها نیز باید به این موضوع توجه کرد.
در صورتی که بیشتر نوشته های شما در سایت فارسی می باشند و در کل قالب فارسی است باید direction ( دایرکشن ) قالبتان نیز با زبان فارسی که از راست به چپ نوشته میشود هماهنگ باشد.

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

در زبان css خاصیتی  به نام direction وجود دارد. این خاصیت دو مقدار می گیرد.
یکی مقدار rtl ( مخفف Right To Left و به معنای از راست به چپ ) است و دیگری مقدار ltr ( مخفف Left To Right و به معنای چپ به راست ) است.

خب ، گفتیم زبان فارسی از راست به چپ نوشته میشود بنابراین بهتر است برای سایت هایی که فارسی زبان هستند در دستورات css آن ها از دایرکشن rtl استفاده کرد.

و زبان انگلیسی که از چپ به راست نوشته میشود نیز باید دایرکشن ltr داشته باشد.
معمولا هنگامی که قالبی را طراحی می کنید میتوانید برای تگ html یا تگ body در دستورات css خود از دایرکشن دلخواه استفاده کنید.

آخرین ارسالی های انجمن
Your Browser Does Not Support HTML5

█ معرفی وب سایت های خفن و کاربردی █

بازدید : 287 جواب ها : 9 آخرین ارسالی از : armennet
Your Browser Does Not Support HTML5

10 گل برتر مرحله گروهی کوپا آمریکا

بازدید : 102 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

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

بازدید : 85 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

معرفی بازی Aliens Drive Me Crazy؛ هجوم فضایی ها

بازدید : 115 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

آشکار شدن مشخصات سخت افزاری Honor 5A Plus از طریق GFX benchmark

بازدید : 122 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

هشت دنیایی که بیشتر از سایر سیارات ممکن است حیات فرازمینی را در خود جای داده باشد

بازدید : 109 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

آموزش کامل تنظیمات و کار با افزونه ساخت نقشه برای سایت وردپرسی (Google XML Sitemap)

بازدید : 135 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

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

بازدید : 101 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

معرفی چند افزونه پر کاربرد برای وردپرس

بازدید : 110 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

اموزش نصب قالب های وردپرس

بازدید : 95 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

اموزش نصب افزونه های وردپرس

بازدید : 88 جواب ها : 0 آخرین ارسالی از : admin
Your Browser Does Not Support HTML5

طریقه نصب وردپرس روی هاست سی پنل

بازدید : 89 جواب ها : 0 آخرین ارسالی از : admin