ایجاد CSS Selector برای عناصر html در Dreamweaver

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام خدمت کاربران سایت پی وی لرن . و کاربرانی که در طی دوره آموزش کامل Dreamweaver ، با ما همراه هستند. کسانی تاکنون دوره آموزشی Dreamweaver را به طور کامل دنبال کرده اند. می دانند. که ما در طی این دوره تاکنون ، مباحث مهم و پایه Dreamweaver ، از جمله ایجاد فایل جدید وب سایت و مراحل ایجاد فایل css ، را در مطالب قبلی دوره ، ارائه کردیم. در ادامه ، در این بخش از دوره آموزشی، ما قصد داریم در ادامه مبحث ایجاد css در Dreamweaver ، به موضوع ایجاد CSS Selector برای عناصر html در Dreamweaver یا  آموزش ایجاد CSS Selector  ، بپردازیم.

ایجاد CSS Selector برای عناصر html در Dreamweaver

خوب، اولین چیزی که می خواهیم با css در وب سایت جدید، انجام دهیم. این است که فونت head خود را تغییر بدهیم ، همچنین محل آن را به مرکز انتقال، بدهیم.

برای این منظور ، ابتدا نیاز دارید که CSS selector ، را برای بخش heading وب سایت خود ایجاد کنید.

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

برای انجام این کار، عنوان H1 (سربرگ) خود را در نمای DOM در پایین سمت راست، باز کنید. سپس CSS Designer را انتخاب کنید.

ایجاد CSS Selector برای عناصر html در Dreamweaver

برای ایجاد یک انتخابگر CSS، بر روی خط که عبارت Selectors قرار دارد. کلیک کرده و سپس بر روی نماد پلاس کلیک کنید. در این بخش، به طور خودکار یک انتخابگر را برای عنصر html شما، به نام #header h1 پیشنهاد دهد.

ایجاد یک انتخابگر CSS

اکنون selector ، عنصر html مورد نظر شما ایجاد شده است. اگر آشنایی چندانی با selector ندارید، در توضیحی مختصر باید عرض کنم که selector در واقع یک نام برای ارتباط بین عنصر html و کدهای css ، است.

سخن پایانی

تاکنون در طی دوره آموزش Dreamweaver ، از بخش راه اندازی و تنظیمات مقدماتی  نرم افزار، وارد مبحث css در Dreamweaver ، شدیم ، و با چگونگی ایجاد فایل جدید css در Dreamweaver ، و همچنین در این جلسه با مراحل ایجاد selector css ، آشنا شدید.

در مطالب بعدی این دوره، به چگونگی تغییر دادن فونت عناصر html در Dreamweaver ، می پردازیم.