سبک های آبشار برای قالب بندی محتوای یک صفحه HTML استفاده می شوند. بر این اساس ، تمام دستورات مورد استفاده در CSS برای ویرایش شکل ظاهری عناصر یک سند HTML است.
لازم است
رایانه ای با اتصال اینترنت
دستورالعمل ها
مرحله 1
در مورد نحوه استفاده از ورق های سبک آبشار مطالعه کنید. قالب بندی متن معمول ترین مورد استفاده در ورق های سبک آبشار است. هر سند HTML حاوی مقدار زیادی اطلاعات متنی در بخشهای مختلف آن است. در عین حال ، هر قسمت از صفحه باید قالب و قلم خاص خود را داشته باشد: بخشی از متن متن منو است ، قسمت دیگر عنوان است ، قسمت سوم متن اصلی صفحه و غیره است. برای قالب بندی اطلاعات متنی ، از دستورات برای تغییر نام قلم ، اندازه ، وزن و غیره استفاده می شود.
گام 2
بنابراین ، اول از همه ، به پارامتر font-family style توجه کنید. این ویژگی به شما امکان می دهد یک فونت خاص برای این برچسب تعیین کنید. نام قلم بعد از علامت ":" نوشته شده است. از ویژگی سبک اندازه قلم برای تنظیم اندازه متن موجود در برچسب استفاده می شود. مقدار اندازه نیز بعد از علامت ":" نوشته می شود و در پیکسل نشان داده می شود ، به عنوان مثال "font-size: 20px".
مرحله 3
توجه داشته باشید که پارامترهای سبک را می توان با استفاده از علامت "؛" بهم پیوست و نوشت. اگر لازم است چندین پارامتر را برای یک برچسب تنظیم کنید ، این مفید است.
مرحله 4
برای تغییر رنگ متن از رنگ صفت style استفاده کنید. نام رنگ به روش استاندارد نوشته شده است: سبز ، آبی ، قرمز و … همچنین این توانایی را دارد که رنگ نه تنها متن ، بلکه رنگ زمینه را نیز تنظیم کند. برای این منظور ، از ویژگی background-color استفاده می شود که پس از آن باید رنگ انتخاب شده نیز نشان داده شود. اگر می خواهید از یک تصویر ، نه از یک پرینت ، به عنوان پس زمینه در ناحیه این برچسب استفاده کنید ، سپس به پارامتر سبک تصویر پس زمینه مراجعه کنید ، پس از آن منبع تصویر را مشخص کنید.
مرحله 5
با تعدادی از ویژگی های سبک که پارامترهای عناصر صفحه را تنظیم می کنند ، آشنا شوید ، که اول از همه شامل padding ، حاشیه ، float ، موقعیت است.
مرحله 6
از پارامتر padding برای تعیین مقدار حاشیه ای که به برچسب داده شده محدود می شود استفاده کنید. در این حالت ، این مقدار از هر طرف محاسبه می شود. ویژگی مرز را مشخص کنید تا مرز این قسمت تشکیل شود. بعد از کولون ، عرض حاشیه با پیکسل نوشته می شود. ویژگی float به شما اجازه می دهد تا یک عنصر در صفحه شما در سمت راست یا چپ شناور شود. در این راستا ، پارامترهای واجد شرایط این ویژگی چپ یا راست هستند.
مرحله 7
اگر لازم است یک شی object را دقیقاً روی سند قرار دهید ، از ویژگی موقعیت استفاده کنید. این عنصر صفحه را به روشی مطلق مانند "موقعیت: مطلق ؛ پایین: 50 پیکسل ؛ راست: 10 پیکسل" ، یا به روشی نسبی ، براساس فاصله از لبه های صفحه قرار می دهد.
