خواص ابتدایی سی اس اس ، در عین سادگی بسیار کاربردی هستند و تعداد استفاده ی آن ها در یک سند css بسیار زیاد است.

این بخش را می توان مهمترین بخش از آموزش Css دانست. بدین رو این مقالات را با دقت مطالعه نمایید :

 

• تنظیم طول و عرض ( Height , Width ) عناصر در CSS
• تنظیم پس زمینه Background در CSS
• تنظیم قلم و فونت CSS Styling Font
• تنظیم متن و نوشته CSS Styling Text
• تنظیم لیست ها CSS Styling List
• تنظیم خواص باکس ها Border , Margin , Padding

تنظیم ابعاد در CSS

برای تنظیم ابعاد عناصر در CSS  از چند ویژگی میتوان استفاده کرد که مهمترین و اصلی ترین آنها Width و Height میباشد.

در ذیل به توضیح این ویژگی ها با توجه به ورژن تعریف شده در CSS میپردازیم.

height :  این ویژگی در تمام مرورگر ها پشتیبانی میشود.

 p.ex

{
height:100px;

}

با دو ویژگی max-height و max-width شما میتوانید حداکثر مقدار را برای یک عنصر تنظیم کنید.

max-height :  این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

 p

{
max-height:50px;
}

max-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

 p

{
max-width:100px;
}

با دو ویژگی min-height و min-width شما میتوانید حداقل  مقدار را برای یک عنصر تنظیم کنید.

min-height : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

 p

{
min-height:100px;
}

min-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

 p

{
min-width:1000px;
}

width :  این ویژگی در تمام مرورگر ها پشتیبانی میشود.

 p.ex

{
width:100px;
}

عرض استاندارد برای طراحی سایت :

برای تنظیم عرض استاندارد برای طراحی سایت  با توجه به رزولیشن استاندارد و یا رزولیشنی که اکثر مخاطبان از آن اسفاده میکنند (768*1024) ، بهتر است عرض 980px را  تنظیم کنید. این عرض طبق استاندارد های صفحات وب انتخاب شده است.

 

• 

  کاربر سایت روابط عمومی دانشگاه
  شروع همکاری : سه شنبه ١٢ دی ١٣٩٦