CSS انتخاب کنید، و نقش آن در قالب اچ تی ام ال سند

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

انواع انتخاب در CSS

بسته به که عنصر-با فرمت HTML اعمال می شود، CSS-انتخاب ممکن است به یکی از گروه های زیر مربوط:

• انتخاب برچسب؛
• انتخاب کلاس؛
• شناسه انتخابگر؛
• نسبت به انتخاب.

انتخاب برچسب

این نیز به نام "انتخاب نوع" یا "عنصر"، آن است که ساده ترین و رایج است. خود را به عنوان CSS-سند به نام از عناصر اچ تی ام ال فایل، که ما را توصیف میکنند. برای مثال، اگر ما نیاز به تنظیم سبک پاراگراف، به بررسی خواص و ارزش خود را برای ص عنصر {پس زمینه مشخص کنید: X؛ رنگ: Y؛ اندازه: Z}. در این مورد، همه ی پاراگراف از صفحه وب همان فرمت اند (رنگ پس زمینه، اندازه متن، و غیره. D.).

انتخاب کلاس

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

CSS-سند در این مورد حاوی یک ورودی به فرم زیر است: p.first {رنگ: X؛ اندازه فونت: Y}. بنابراین خواص از "رنگ" و "اندازه" فقط برای بند کلاس اول تعریف می کنیم.

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

شناسه انتخاب

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

سپس در یک اچ تی ام ال سند اختصاص هدر شناسه H1، مانند articlename. و در CSS-پرونده، مشخص سبک، اضافه کردن به نام ID پنجره مشبک: #articlename {رنگ: آبی؛ تراز متن: مرکز}. حالا تیتر ما باید رنگ آبی و متمرکز شده است.

هر یک از انواع فوق را می توان به عنوان "ساده CSS-انتخاب" توصیف کرد. قالب بندی برای یک پارامتر خاص از اچ تی ام ال سند را تعریف میکنند: با هم عناصر مشابه (به عنوان مثال، تمام پاراگراف از مقاله)، یک کلاس (برای مثال، تنها اولین بند) یا یک مورد خاص (به عنوان مثال، عنوان مقاله).

نسبت انتخابگرهای

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

• با حضور صفت؛
• در مقدار دقیق آن؛
• توسط مقدار ویژگی جزئی؛
• بر ارزش خاص آن است.

بیایید هر یک از این گونه:

1. مورد اول. قالب بندی اعمال می شود، در صورت وجود در یک ویژگی HTML کد خاص (ممکن است یک ص، DIV، هدر، و غیره). اگر نیست، آن را با استفاده کلی برای تمام عناصر سبک. به عنوان مثال، برای عناصر داشتن عنوان (نوک ابزار).
2. مورد دوم. سبک تنها به اچ تی ام ال عناصری که یک بازی دقیق از مقادیر ویژگی صدق می کند. به عنوان مثال، به ورودی عناصر، که در آن ارزش نوع ویژگی برابر را ارسال کنید.
3. مورد سوم. بر اساس فرمت فقط موارد موجود در لیست از ارزش است که یک کلمه خاص می باشد. به عنوان مثال، نوار کناری ویژگی "کلاس" برای عناصر دیو.
4. مورد چهارم. سبک است و تنها برای آن دسته از عناصر اچ تی ام ال سند، که ویژگی خاص دارای ارزش خاص تعریف شده، و با او آغاز می شود. به عنوان مثال، استفاده از رنگ مشخص را به تمام عناصر را که ویژگی زبان انگلیسی (که ممکن است EN، EN-RUS، EN-AU و t. D.).

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