آموزش CSS

آموزش CSS - فرمت بندی بصری

فرمت بندی بصری در زبان برنامه نویسی CSS معمولا نحوه پردازش المان در  درخت سند را برای رسانه های بصری همچون صفحه نمایش رایانه توضیح می دهد.

مدل فرمت بندی بصری در CSS:

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

  •   ابعاد جعبه
  •   نوع المان
  •   موقعیت طرح
  •   ارتباط بین المان در درخت سند
  •   اطلاعات خارجی همچون ابعاد درون ساخت تصویر

نکته: سند درخت سلسله مراتبی از المان هاست که در سند منبع  رمزگذاری شده اند. هر المان در درخت سند یک والد دقیق دارد . البته المان روت والدی ندارد.

نوع جعبه های ایجاد شده در CSS:

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

المان های سطح بلوک و جعبه های بلوکی:

المان های سطح بلوک المان هایی هستند که به صورت بصری به عنوان بلوک فرمت بندی شده اند.  در این المان ها line break قبل و بعد از المان وجود دارد. به عنوان مثال الان پاراگراف، هدینگ و Div در این دسته قرار دارند. به طور کلی المان های سطح بلوک ممکن است رد برگیرنده المان های inline و سایر المان های سطح بلوک باشند.

المان های سطح inline و جعبه های inline:

المان سطح inline  المان هایی هستند که  بلوک جدید محتوایی ایجاد نمی کنند. محتوا در خطوط توزیع می شود.  به عنوان مثال بخش تاکید شده از متن در پاراگراف، Span ،  المان Strong در این دسته قرار می گیرد. المان inline  ممکن است تنها در برگیرنده متن و سایر المان های inline باشد.

نکته: بر خلاف المان های سطح بلوک، المان های سطح inline تنها  عرضی که نیاز دارند را اتخاذ می کنند.

شما می توانید نحوه نمایش المان در صفحات وب را با خصوصیت Display تغییر دهید.

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش CSS

Learn CSS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...