::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

::. کد نویس .::

آموزش طراحی سایت و برنامه نویسی تحت وب

وب نوشت " کدنویس " به شما کمک میکند که با زبان های برنامه نویسی تحت وب بهتر آشنا شوید .
آموزش های " کد نویس " را دنبال کنید و به خود ایمان داشته باشید که شما نیز میتوانید یک طراح وب شوید و به تجارت الکترونیکی بپردازید.
اگر این تارنما را میپسندید به ما لینک بدهید و " کد نویس " را به اشتراک بگذارید تا بیشتر دیده شویم .
با سپاس فراوان

۳ مطلب با کلمه‌ی کلیدی «آموزش-css3» ثبت شده است

opacity یا همان مقدار وضوح یک شی یا متن یا هر فایلی در html که میتوان وضوح آن را با استفاده از opacity تعیین کرد میباشد

مقدار تاری , وضوح و نوع المنت را نشان میدهد که به صورت زیر میشود از آن استفاده کرد :

opacity : 0.9; که در این مثال مقدار وضوح را از 1 به 0.9 کاهش داده ایم

  • علی حاتمی

اضافه کردن گوشه های گرد در CSS2 بسیار وقت گیر بود . ما باید برای هر گوشه از یک تصویر استفاده میکردیم .

در CSS3 ایجاد گوشه های گرد آسان است .
در CSS3 از ویژگی border-radius برای ایجاد گوشه های گرد استفاده میشود .
و شما میتوانید گوشه های گرد در آن ایجاد کنید

به مثال زیر توجه کنید :

این جعبه دارای گوشه های گرد است.

برای این کار میتوایند از کد زیر استفاده کنید .

div {
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 یا قدیمی تر */
}
</div>
  • علی حاتمی

css3 - آموزش اول

در کار با css در کدنویسی html میبایست تعدادی از کلمات و المنت های ضروری را یاد داشته باشید .

 

margin : اطراف المنت رو خالی میکنه و یه جورایی ایجاد فاصله بین عکس ها , متن ها و ... میکنه

float : برای مشخص کردن مکان المنت ها میباشد - راست یا چپ بودن آن

padding : فاصله ی داخلی المنت های را تغییر داده و تغییرات درونی آن میباشد و شباهاتی به margin دارد

background : برای ایجاد بکگراند درون المنت استفاده میشود

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

border : برای ایجاد کادر در دوره المنت استفاده میشود

font-family : برای معرفی نوعه فونت نوشته ها میباشد

font-size : اندازه ی فونت نوشته ها

height : ارتفاع المنت موجود را میتوان با استفاده از آن مشخص کرد

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

color : همانطور که از اسمش مشخص است برای تعیین رنگ المنت میباشد ولی دقت کنید رنگ نوشته ها را تغییر میدهد نه کل المنت را !

background-color : برای تعیین رنگ کلیه بک گرانده المنت ها

display : با استفاده از این کلمه در css میتوانید مشخص کنید که طریقه ی نمایش یک المنت به چه صورت باشد یا حتی آن را نمایش ندهد !

در آموزش های بعدی به نحوه ی استفاده ی کامل از این کدها اشاره خواهم کرد . ( کد های بیشتر برای شکیل کردن صفحه ی را در آینده آموزش خواهم داد )

  • علی حاتمی