نحوه تغییر رنگ عنوان ها

فهرست مطالب:

نحوه تغییر رنگ عنوان ها
نحوه تغییر رنگ عنوان ها

تصویری: نحوه تغییر رنگ عنوان ها

تصویری: نحوه تغییر رنگ عنوان ها
تصویری: تغییر رنگ دندان ها و راه های درمان آن 2024, مارس
Anonim

HTML (HyperText Markup Language) شش برچسب ویژه برای نمایش عناوین در سطوح مختلف فراهم می کند. همه آنها دارای پارامترهای پیش فرض هستند (اندازه و سبک قلم ، مقدار فرورفتگی از عناصر قبلی و بعدی و غیره). این گزینه ها می توانند با استفاده از دستورالعمل های CSS (Cascading Style Sheets) لغو شوند و بنابراین ظاهر عناوین متن متن یک صفحه وب را تغییر دهند.

نحوه تغییر رنگ عنوان ها
نحوه تغییر رنگ عنوان ها

دستورالعمل ها

مرحله 1

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

و

:

عنوان سطح اول

عنوان فرعی مهمترین سطح بعدی باید بین برچسب ها قرار گیرد

و

و غیره. آخرین سطح از سطح پیش بینی شده ، ششم است -

و

گام 2

در قسمت سرآیند کد منبع (بین برچسب ها و برچسب ها) جمله ای را قرار دهید که به مرورگر بازدید کننده می گوید در این مکان توصیف سبک ها در CSS وجود دارد:

/ * دستورالعمل های CSS اینجا خواهد بود * /

مرحله 3

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

h1 {

رنگ: قرمز

اندازه قلم: 20px؛

نوع قلم: مورب؛

font-weight: پررنگ؛

margin-top: 30px؛

margin-bottom: 20px؛

}

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

مرحله 4

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

h1 {

رنگ: قرمز

قلم: bial 20px arial؛

حاشیه: 30px 0 20px 0؛

}

h2 {

رنگ نارنجی؛

font: bold 18px arial؛

حاشیه: 25px 0 15px 0؛

}

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

توصیه شده: