فاصله بین مرزهای سلول را در جدول تنظیم می کند. هنگامی که جدول دارای border-collapse برای جمع کردن است، مشخصه مرزی کار نمی کند.

نحو

فاصله مرزی: مقدار [value]

استدلال ها

یک مقدار فاصله عمودی و افقی بین مرزهای سلول را تعیین می کند. اگر دو آرگومان وجود داشته باشد، اولی فاصله افقی را تعیین می کند و دومی - عمودی.





فاصله مرزی










12
34


نتیجه این مثال در شکل نشان داده شده است. یکی

برنج. 1. اعمال گزینه فاصله مرزی

توجه داشته باشید

اگر تگ کنید

پارامتر cellpacing را اضافه کرد، سپس هنگام استفاده از ویژگی style-spacing، آن را در نظر نگرفت و مقدار سلول فاصله نادیده گرفت. استثناء این قاعده است مرورگر اینترنتاکسپلورری که اصلاً ویژگی فاصله بین مرزها را درک نمی کند.

جداول

  • border-collapse نحوه نمایش حاشیه ها در اطراف سلول های جدول را تنظیم می کند. این پارامتر زمانی که یک قاب برای سلول ها تنظیم می شود، نقش دارد، سپس یک خط با ضخامت دو برابر در محل اتصال سلول ها به دست می آید. افزودن مقدار collapse باعث می‌شود که مرورگر آن مکان‌ها را در جدول تجزیه کند و خطوط دوتایی را در آن حذف کند.
  • table-layout مشخص می کند که مرورگر چگونه باید ارتفاع و عرض سلول های جدول را بر اساس محتوای آن محاسبه کند.
  • فاصله مرزی فاصله بین مرزهای سلول را در جدول تعیین می کند. هنگامی که جدول دارای border-collapse برای جمع کردن است، ویژگی border-spacing کار نمی کند.

    • CSS به شما امکان می دهد نه تنها سبک حاشیه جدول، بلکه سبک مرزهای سلول های جداگانه را نیز تنظیم کنید. از آنجایی که هر سلول دارای مرزهای خاص خود است، مرز بین سلول های همسایه دو برابر می شود. اما می توان مرزهای سلول های همسایه را در یک ادغام کرد. برای این کار یک ویژگی فروپاشی مرزی وجود دارد. مقادیر زیر را می گیرد:

    border-collapse: جداگانه - هر سلول مرز مخصوص به خود را دارد (پیش‌فرض)

    border-collapse: فرو ریختن - مرز عمومی

    border-collapse: inherit - مقدار از آن گرفته شده است عنصر والد

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

    سبک:

    و و استایل آنها

    مثال برجسته ستون جدول

    1
    2
    3
    4
    5
    6

    		 صفحه

    مشق شب.

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

    1. سه جدول، هر کدام دارای یک سطر و سه ستون (ستون) ایجاد کنید.
    2. در جدول اول، سرصفحه یا "هدر" صفحه را قرار دهید (با "سرصفحه" سند HTML اشتباه گرفته نشود)، در جدول دوم - منوهای چپ و راست و همچنین محتوای اصلی (محتوا) ، در سوم - پاورقی یا "پانویس" صفحه.
    3. اجازه دهید عرض ستون اول و آخر هر جدول ثابت باشد.
    4. مهم. از تگ استفاده کنید فقط برای ایجاد چهار دکمه منوی افقیدر هدر صفحه در موارد دیگر تصاویر را در پس زمینه بگذارید و در خانه های دوم جداول فقط از رنگ ها به طور کلی استفاده شده است و در جدول اول و آخر #99FF99 است.
    5. اجازه دهید متن محتوای صفحه در دو طرف سلول جدول تراز شود و عنوان در مرکز قرار گیرد.
    6. در مورد فواصل بین سلول های جداول و همچنین تورفتگی سلول ها، پس خودتان فکر کنید که کجا باید به طور کامل حذف شوند و کجا باید افزایش یابند.

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

    در این مقاله شما را با پیچیدگی های یک استایل آشنا می کنم جداول HTMLو ویژگی های جدید CSS را که برای دستیابی به این اهداف طراحی شده اند، یاد خواهید گرفت.

    زبان نشانه گذاری فرامتن HTML به ما امکانات زیادی برای اتصال سبک های CSS به ده تگ منحصر به فرد طراحی شده برای کار با جداول داده است، پیشنهاد می کنم قبل از مطالعه بیشتر آنها را تکرار کنیم:

    ("پانویس" جدول) رنگ پس زمینه - مرجان، برای عنصر ("سرصفحه" جدول) رنگ پس زمینه را تنظیم کنید نقره.
  • برای عناصر
    • ، که در داخل عنصر قرار دارند (بدنه جدول) رنگ پس زمینه را برای تغییر در شناور تنظیم کنید (شبه کلاس :hover) c سفیددر هر رنگ خاکی(کل خط برجسته شده است).

    نتیجه مثال ما:

    برنج. 153 نمونه ای از استایل بندی ردیف ها در جداول

    مثال زیر به اعمال گرد کردن گوشه در سلول‌های جدول (ویژگی) می‌پردازد.

    نمونه گرد کردن گوشه سلول
    برچسب بزنیدشرح
    .
    محتویات جدول را تعریف می کند.
    نام جدول را مشخص می کند.
    سلول هدر جدول را مشخص می کند.
    یک ردیف جدول را تعریف می کند.
    سلول داده جدول را تعریف می کند.
    برای حاوی سرصفحه گروه در جدول (سرصفحه جدول) استفاده می شود.
    برای حاوی "بدنه" جدول استفاده می شود.
    برای حاوی "پانویس" جدول (footer) استفاده می شود.
    ویژگی های ستون داده شده را برای هر ستون درون تگ تعریف می کند
    گروهی از ستون ها را در جدول تعریف می کند.

    کار با تورفتگی در جدول

    استفاده از بالشتک در جدول
    تورفتگی های جدول
    1 2 3 4
    2
    3
    4

    AT این مثالما:

    • ما جدول را با استفاده از تکنیک مرکز افقی با حاشیه های بیرونی در مرکز قرار دادیم (حاشیه: 0 خودکار).
    • برای نام جدول (برچسب
    ) لایه پایینی را روی 19 پیکسل قرار می دهیم. امیدوارم با اعداد ناهموار گیج نشوید :)

    نتیجه مثال ما:

    فاصله بین سلول ها

    پس از مثال بالا، ممکن است متوجه شده باشید که ما هنوز بین تمام سلول های جدول فاصله داریم. بیایید نحوه حذف شکاف بین سلول های جدول یا افزایش آن را بررسی کنیم.

    برای تعیین فاصله بین مرزهای سلول های همسایه، باید از ویژگی CSS - border-spacing استفاده کنید.

    تغییر فاصله بین جداول
    فاصله مرزی: 30 پیکسل 10 پیکسل؛
    1 2 3
    2
    3
    فاصله مرزی: 0;
    1 2 3
    2
    3
    فاصله بین مرزها: 0.2 em;
    1 2 3
    2
    3

    در این مثال ما:

    • شناور به سمت چپ ). اگر مبحث عناصر شناور را از دست داده اید، همیشه می توانید در این آموزش به آن بازگردید - "".
    • علاوه بر این، حاشیه سمت راست جداول را 30 پیکسل می کنیم و تراز عمودی جداول را تنظیم می کنیم (بالای عنصر با بالای بلندترین عنصر تراز می شود). در این مقاله به بحث مفصل در مورد این ویژگی باز خواهیم گشت.
    ) پررنگ است.
  • برای سلول‌های جدول (سربرگ و سلول‌های داده)، یک حاشیه جامد 1 پیکسلی با رنگ هگزا #F50 تنظیم می‌کنیم و بالشتک را روی 19 پیکسل در هر طرف تنظیم می‌کنیم.
  • برای اولین میز با کلاس .اولینبرای جدول دوم با کلاس، فاصله بین سلول های جدول (ویژگی فاصله مرزی) را روی 30 پیکسل 10 پیکسل قرار می دهیم. .دومینبرابر با صفر، برای جدول سوم با کلاس .سومبرابر با 0.2em

    • توجه شما را به این واقعیت جلب می کنم که اگر فقط یک مقدار طول در ویژگی فاصله بین مرز مشخص شده باشد، فواصل را هم به صورت افقی و هم به صورت عمودی نشان می دهد و اگر دو مقدار طول مشخص شده باشد، اولی تعیین می کند. فاصله افقی و دومی عمودی. فاصله بین مرزهای سلول های همسایه را می توان در واحدهای CSS (px، cm، em و غیره) مشخص کرد. مقادیر منفی مجاز نیستند.

    نتیجه مثال ما:

    حاشیه های اطراف سلول های جدول را نشان دهید

    می توانی بگویی: - بنابراین، ما با استفاده از ویژگی border-spacing با مقدار 0 شکاف بین سلول ها را حذف کردیم، اما چرا اکنون مرزهای سلولی داریم که قطع می شوند؟

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

    برای این شما باید استفاده کنید ویژگی CSSمرز فروریختن . به اندازه کافی عجیب، استفاده از ویژگی border-collapse با مقدار collapse است بهترین راهچگونه می توانم شکاف بین سلول ها را حذف کنم و در عین حال مرزهای دوگانه بین آنها ایجاد نشود.

    مقایسه رفتار مرزها در هنگام استفاده از ویژگی border-spacing با مقدار 0 و ویژگی border-collapse با مقدار collapse را در نظر بگیرید:

    نمونه ای از نمایش حاشیه ها در اطراف سلول های جدول
    فاصله مرزی: 0;
    1 2 3
    2
    3
    border-collapse: فرو ریختن;
    1 2 3
    2
    3

    در این مثال ما:

    • جداول خود را شناور کردیم و به سمت چپ تغییر مکان دادیم (شناور: چپ)، حاشیه بیرونی سمت راست آنها را روی 30 پیکسل قرار دادیم.
    • نام جدول را تنظیم کنید (برچسب
    ) پررنگ است.
  • برای سلول‌های جدول (سربرگ و سلول‌های داده)، یک حاشیه جامد 5 پیکسلی با رنگ هگز #F50 تنظیم می‌کنیم و عرض ثابت 50 پیکسل و ارتفاع 75 پیکسل را تعیین می‌کنیم.
  • برای اولین میز با کلاس .اولینفاصله بین سلول های جدول را صفر می کنیم (فاصله مرزی: 0 ;) و برای جدول دوم با کلاس .دومینویژگی border-collapse را روی collapse قرار دهید، که در صورت امکان، مرزهای سلول را در یکی ادغام می کند.

    • نتیجه مثال ما:

    رفتار سلول های خالی

    با CSS می توانید تعیین کنید که حاشیه ها و پس زمینه سلول های خالی در جدول نمایش داده شود یا خیر. ویژگی vala-cells مسئول این رفتار است که همانطور که در مثال های قبلی متوجه شده اید سلول های خالی را به طور پیش فرض نمایش می دهد.

    بیایید به یک مثال برویم:

    نمونه ای از نمایش سلول های خالی جدول
    سلول های خالی: نشان می دهد.
    1 2 3
    2 ☺
    3 ☺
    سلول های خالی: پنهان کردن.
    1 2 3
    2 ☺
    3 ☺

    درک نحوه عملکرد ویژگی سلول‌های خالی از این مثال بسیار آسان است، اگر روی مخفی کردن تنظیم شده باشد، سلول‌های خالی و پس‌زمینه در آن‌ها پنهان می‌شوند، اگر روی نشان دادن (پیش‌فرض) تنظیم شود، نشان داده می‌شوند. .

    محل سرصفحه جدول

    بیایید به یک ویژگی ساده دیگر برای یک ظاهر طراحی جدول نگاه کنیم - caption-side , که موقعیت عنوان جدول (بالا یا زیر جدول) را تعیین می کند. به‌طور پیش‌فرض، ویژگی Caption-side روی بالا تنظیم شده است که عنوان را بالای جدول قرار می‌دهد. برای قرار دادن هدر زیر جدول، باید از ویژگی با مقدار پایین استفاده کنید.

    بیایید به مثالی از استفاده از این ویژگی نگاه کنیم:

    نمونه ای از استفاده از ویژگی caption-side
    عنوان بالای جدول
    نامقیمت
    ماهی350 روبل
    گوشت250 روبل

    عنوان زیر میز
    نامقیمت
    ماهی350 روبل
    گوشت250 روبل

    در این مثال ما ایجاد کرده ایم دو کلاس، که مکان هدر جدول را کنترل می کند. کلاس اول ( .topCaption) هدر جدول را بالای آن قرار می دهد، آن را روی جدول اول و کلاس دوم اعمال کردیم ( .bottomCaption) هدر جدول را در زیر آن قرار می دهد، ما آن را در جدول دوم اعمال کرده ایم. کلاس .topCaptionبه طور پیش فرض روی ویژگی سمت عنوان تنظیم شده است و برای اهداف نمایشی ایجاد شده است.

    نتیجه مثال ما:

    تراز افقی و عمودی

    در بیشتر موارد هنگام کار با جداول، باید تراز محتوا را در سلول‌های هدر و داده تنظیم کنید. ویژگی text-align برای تراز افقی، مشابه هر مورد استفاده می شود اطلاعات متنی. ما قبلاً در مقاله "" استفاده از این ویژگی را برای متن در نظر گرفتیم.

    برای تنظیم تراز برای محتوا در سلول ها، باید از کلمات کلیدی خاصی با ویژگی text-align استفاده کنید. Application را در نظر بگیرید کلید واژه هااین ویژگی در مثال زیر

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

    در این مثال ما ایجاد کرده ایم چهار کلاس، که ترازهای افقی مختلف را در سلول ها تنظیم می کند و آنها را به ترتیب در ردیف های جدول اعمال می کند. مقدار موجود در سلول با مقدار ویژگی text-align مطابقت دارد

    نتیجه مثال ما:

    علاوه بر تراز افقی، می توانید با استفاده از ویژگی vertical-align، تراز عمودی را در سلول های جدول نیز تعریف کنید.

    لطفاً توجه داشته باشید که هنگام کار با سلول های جدول، فقط مقادیر * زیر این ویژگی اعمال می شود:

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

    بیایید مثالی از استفاده را در نظر بگیریم:

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

    در این مثال ما ایجاد کرده ایم چهار کلاس، که ترازهای عمودی مختلف را در سلول ها تنظیم می کند و آنها را برای ردیف های جدول اعمال می کند. مقدار موجود در سلول با مقدار ویژگی vertical-align که به آن سطر اعمال شد مطابقت دارد.

    الگوریتم قرار دادن طرح جدول توسط مرورگر

    CSS به طور پیش فرض از الگوریتم جدول بندی خودکار مرورگر استفاده می کند. در این مورد عرض ستون با وسیع ترین محتوای بدون شکست سلول تنظیم می شود. این الگوریتم ممکن است در برخی موارد کند باشد، زیرا مرورگر باید تمام محتوای جدول را قبل از تعیین طرح نهایی آن بخواند.

    برای تغییر نوع طرح بندی جدول توسط مرورگر با خودکاربر روی درست شد، باید از ویژگی CSS table-layout با مقدار fixed استفاده کنید.

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

    بیایید با مثال زیر به استفاده از این ویژگی نگاه کنیم:

    نمونه ای از استفاده از ویژگی table-layout
    جدول بندی: خودکار;
    نام 2009 2010 2011 2012 2013 2014 2015 2016
    گندم 125 215 2540 33287 695878 1222222 125840000 125
    جدول بندی: ثابت.
    نام 2009 2010 2011 2012 2013 2014 2015 2016
    گندم 125 215 2540 33287 695878 1222222 125840000 125

    در این مثال ما:

    استایل بندی ردیف ها و ستون های جدول

    من و شما قبلاً در مقاله "" به طور جزئی روش های استایل بندی ردیف ها و ستون های جدول را لمس کرده ایم. در این مقاله، ما استفاده از یک شبه کلاس گروهی را بررسی کردیم که به شما امکان می‌دهد سبک‌های ردیف را در جداول با استفاده از مقادیر به هم متصل کنید. زوج (صادقانه) و فرد (فرد) یا به صورت ابتدایی فرمول ریاضی.

    بیایید تکنیک‌هایی را که تاکنون پوشش داده‌ایم مرور کنیم و راه‌های جدیدی برای استایل دادن به ردیف‌ها و ستون‌ها در جداول را بررسی کنیم. بیایید به سراغ مثال ها برویم.

    نمونه ای از استفاده از شبه کلاس :nth-child با جداول
    1 2 3 4 5 6 7 8 9 10 11 12 13 14
    2
    3
    4

    در این مثال ما:

    نتیجه مثال ما:

    بیایید به مثال بعدی برویم، که در آن گزینه هایی را برای یک ظاهر طراحی ردیف های جدول در نظر خواهیم گرفت.

    نمونه ای از استایل بندی ردیف ها در جداول
    سرویسقیمت
    مجموع 15 000
    1 1 000
    2 2 000
    3 3 000
    4 4 000
    5 5 000

    در این مثال ما:

    • عرض جدول را روی 100٪ عرض عنصر والد قرار می دهیم، برای هدر و سلول های داده یک حاشیه جامد به عرض 1 پیکسل تعیین می کنیم.
    • تنظیم برای عنصر
    1 2 3 4 5

    در این مثال ما:

    • جدول را با حاشیه های بیرونی در مرکز قرار دهید، عرض و ارتفاع سلول های سرصفحه را روی 50 پیکسل تنظیم کنید، مشخص شده است. شفافحاشیه 5 پیکسل
    • متوجه شدیم که وقتی (شبه کلاس :hover) روی سلول سرصفحه شناور می‌کنید، نشان می‌دهد پس زمینه آبیرنگ ها، نارنجیرنگ متن، حاشیه نارنجیرنگ 5 پیکسل و شعاع گرد 100٪.
    • حاشیه شفافبرای رزرو مکانی برای مرز ضروری است که در شناور نمایش داده می شود، اگر این کار انجام نشود، جدول "پرش" می کند.

    نتیجه مثال ما:

    مثال زیر مربوط می شود با استفاده از HTMLعناصر

    شماره برنامهسرویسقیمت، مالش.جمع
    1آواز خواندن 6 000 6 000
    2شستشو 2 000 2 000
    3تمیز کردن 1 000 1 000
    4آزار دهنده 1 500 1 500
    5خواندن 3 000 3 000

    در این مثال ما:

    نتیجه مثال ما:

    و مثال آخر، که درک آن بسیار دشوار است و به دانش پیشرفته CSS نیاز دارد، زیرا به موضوعات آینده برنامه ریزی شده برای مطالعه دقیق در این دوره می پردازد.

    در مثال قبلی متوجه شدیم که عنصر HTML شما می‌توانید فقط یک ویژگی CSS را اعمال کنید - رنگ پس‌زمینه (رنگ پس‌زمینه)، اما نمی‌توانید رنگ پس‌زمینه را هنگام شناور کردن مستقیم (شبه کلاس:hover) روی این عنصر تنظیم کنید. در این مثال، ما به نحوه برجسته کردن یک ستون جدول فقط با استفاده از CSS خواهیم پرداخت.

    نمونه ای از برجسته کردن ستون ها و ردیف های جدول در حالت شناور
    شماره برنامهسرویسقیمت، مالش.جمع
    1آواز خواندن 6 000 6 000
    2شستشو 2 000 2 000
    3تمیز کردن 1 000 1 000
    4آزار دهنده 1 500 1 500
    5خواندن 3 000 3 000

    در این مثال ما:

    • ما تنظیم می کنیم که جدول ما 100٪ عنصر اصلی را اشغال کند، سلول های جدول 25٪ از عنصر والد را اشغال کرده و دارای یک مرز ثابت 1 پیکسل سبز هستند، ارتفاع هدر و سلول های داده 45 پیکسل است. با استفاده از ویژگی border-collapse با مقدار، شکاف بین سلول‌ها را حذف کردیم .
    • و بنابراین، با استفاده از عنصر ::after پس از هر عنصر، محتوا را اضافه می کنیم در شناور عنصر شبه ::after باید به همراه ویژگی content استفاده شود که به لطف آن یک عنصر در سطح بلوک را وارد می کنیم که رنگ پس زمینه دارد. جنگل سبزو دارد موقعیت یابی مطلق.
    • مکان یابی مطلق در اینجا برای جبران عنصر نسبت به لبه مشخص شده اجدادش ضروری است، در حالی که جد باید مقدار موقعیتی غیر از مقدار پیش فرض داشته باشد - استاتیک، در غیر این صورت تعداد نسبت به لبه مشخص شده پنجره مرورگر خواهد بود، برای این کار. دلیلی که برای میز چیدیم موقعیت یابی نسبی(نسبت فامیلی ).
    • ویژگی top را برای بلوک تولید شده خود تنظیم می کنیم که جهت افست عنصر قرار گرفته از لبه بالا را مشخص می کند و خاصیت bottom را که جهت افست عنصر موقعیت یافته را از لبه پایین مشخص می کند. هر دو ویژگی روی 0 تنظیم شدند، بنابراین بلوک به طور کامل عنصر را از پایین و بالای جدول اشغال می کند، عرض این بلوک روی 25٪ تنظیم شد، این مقدار با مقدار عرض خود سلول مطابقت دارد.
    • و ویژگی نهایی که برای این بلوک تنظیم کردیم: z-index با مقدار "-1" ترتیب عناصر قرار گرفته در امتداد را تعیین می کند. محور Z. این ویژگی برای اینکه متن در جلوی این بلوک باشد و نه پشت آن ضروری است، اگر مقداری کمتر از صفر قرار ندهید، بلوک متن را می‌بندد.

    نتیجه مثال ما:

    اگر در این مرحله از مطالعه فرآیند تعیین موقعیت عناصر را متوجه نشدید، ناامید نشوید، درک این موضوع مشکلی است که ما نیز آن را در نظر نگرفتیم، اما قطعا در مقاله بعدی آن را بررسی خواهیم کرد. کتاب درسی "موقعیت یابی عناصر در CSS".

    سوالات و وظایف در مورد موضوع

    قبل از رفتن به موضوع بعدی، کار عملی را کامل کنید:


    اگر در انجام آن مشکل دارید وظیفه عملی، همیشه می توانید مثال را در یک پنجره جداگانه باز کنید و صفحه را بررسی کنید تا ببینید از چه CSS استفاده شده است.


    2016-2020 Denis Bolshakov، می توانید نظرات و پیشنهادات خود را در سایت به آدرس [email protected] ارسال کنید.