کامپیوتربرنامه نویسی

تاکید تزئینی CSS-عناصر

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

رکورد ویژگی مشخصات

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

دکوراسیون متن: znachenie_atributa؛

به جای "znachenie_atributa» مشخصات CSS ارائه می دهد تعدادی از گزینه های:

  • خط دار خط - خط واقع به طور مستقیم در زیر متن؛
  • overline - خط از بالای متن.
  • ندارد - حذف تمام اثرات تزئینی.
  • به ارث می برند - تصویب ارزش عنصر پدر و مادر.

فوق تمام اشکال ممکن است از ضبط، به عنوان این ویژگی نه تنها تاکید CSS، اما اثرات دیگر، مانند "چشمک زدن" و یا متن خط خورده مشخص می کند.

نمونه هایی از لینک طراحی

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

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

یک {متن دکوراسیون: هیچ؛ }

برای لینک های فعال با استفاده از ورودی های زیر است:

: شناور {متن دکوراسیون: زیر خط دار؛}

تاکید تزئینی برای پیشرفته

ویژگی استاندارد متن دکوراسیون چندین محدودیت:

  • رنگ خط های مختلف از رنگ متن لینک، غیر ممکن است به تمایز بین "رنگ آمیزی" خود؛
  • فقط خط جامد به عنوان زیرین استفاده می شود. CSS می کند استفاده از سبک های دیگر از علامت شامل نیست.

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

به عنوان مثال:

به

<سبک دهانه = "رنگ: آبی "> لینک در

>

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

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

یک {مرز پایین: جامد اندازه 1px قرمز؛}

نتیجه این خواهد بود همان است که در مثال قبلی است. اما این روش دارای مزیت مهم است. علاوه بر تغییر رنگ خط (در حال حاضر مجموعه ای قرمز - قرمز)، ممکن است برای تبدیل روش کتیبه:

  • نقطه چین - این نکته را تأکید؛
  • نقش برآب - خط عبارت است از سکته مغزی؛
  • دو - ترسیم یک خط دو برابر شود.

بنابراین، نسبت پایین border- بیشتر عملکردی است. علاوه بر صفحه نمایش از خط تزئینی در زیر متن، آن را ممکن می سازد برای سفارشی کردن ظاهر آن است.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fa.atomiyme.com. Theme powered by WordPress.