یکشنبه , ۲۷ مرداد ۱۳۹۸
جدیدترین آموزش ها
خانه » فیلم آموزش CSS » فیلم آموزش رایگان CSS3 قسمت ۲(selector)

فیلم آموزش رایگان CSS3 قسمت ۲(selector)

سلام
در جلسه دوم css3 ساختار css را توضیح میدهیم.
با روش ذخیره سازی فایل های css به ۳ روش External , Internal , Inline اشنا می شویم.
با روش استفاده از دستورات CSS اشنا می شویم.
به بررسی برخی از سلکتور ها مثل:
class selector , id selector , group selector, child selector ,element selector
وتفاوت های آن ها و هم چنین به نحوه ترکیب این سلکتور ها میپردازیم.

آموزش selector-css3

آموزش css3

selector in css

سلام

در جلسه دوم css3 ساختار css را توضیح میدهیم.

با روش ذخیره سازی فایل های css به ۳ روش External , Internal , Inline اشنا می شویم.

با روش استفاده از دستورات CSS اشنا می شویم.

به بررسی برخی از سلکتور ها مثل:

class selector , id selector , group selector, child selector ,element selector

وتفاوت های آن ها و هم چنین به نحوه ترکیب این سلکتور ها میپردازیم.

Are you new to CSS? This article is for you! Perhaps the biggest key to understanding CSS is understanding . are what allows you to target specific HTML elements and apply style to them. Let’s not think about style right now though, let’s just focus on the selecting.In the examples below, the CSS would be in a file called something like style.css that is referenced from an HTML document called something like index.html. They are separate files, which is the great thing about CSS, keeping the design away from the document.ID selectors are the most powerful type of in terms of CSS specificity. Meaning that they beat out other types of and the styles defined within win. That sounds good, but that’s typically considered bad, because it’s nice to have lower-specificity that are easier to override when needed.:first-child was introduced in CSS Module 3, which means old versions of browsers do not support it. However, modern browser support is impeccable, and the new pseudo-are widely used in production environments. If you require older browser support, either polyfill for IE, or use these selectors in non-critical ways á la progressive enhancement, which is recommended.Class are your friend. They are probably the most useful and versatile selectors out there. In part because they are well supported in all browsers. In part because you can add multiple classes (just separated by a space) on HTML elements. In part because there are JavaScript things you can do specifically for manipulating classes.دانلود

   دانلود

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

14 دیدگاه

  1. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    وقتی میخوایم لینک کنیم type هم مشخص می کنیم اما خب نرم افزار براکت از type در لینک دهیش استفاده نکرده

    این رو به کار برده
    خب من یک سوالی که برام پیش اومد اینه که این type به درد چی میخوره و خود rel چه مقادیری میتونه بگیره
    ممنون از پاسخگویی خوبتون مثل همیشه

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      این رو به کار برده؟
      کدوم رو به کار برده؟
      ببینید type که از اسمش پیداست داره نوع رو مشخص می کنه و اینکه اون صفحه ما از چه نوعی هست که تو بعضی موارد استفاده نشه مرورگر دچار مشکل نمیشه و خودش به درستی تشخیص میده اما در مرورگر های قدیمی باعث مشکل میشه
      rel که مخفف relationship هست میاد رابطه صفحه جاری رو با صفحه لینک شده مشخص میکنه وقتی مقدار اون رو stylesheet قرار میدیم به مرورگر میگیم رابطه صفحه لینک شده با صفخه فعلی یک stylesheet برای صفحه من هست
      کاربرد rel بیشتر در سئو هست و مقادیر مختلفی داره که در دوره html یا دوره سئو کاملا بررسی میشه

  2. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    چیزی رو که من نوشتم توی خط سوم در نیومده . نمیدونم شما edit کردین یا لولو بردش 😀
    وقتی نرم افزار براکت رو به صورت default اجرا میکنیم خودش یک index به نام main و یک فایل css رو داره
    اگر توی index ملاحضه کنید متوجه صحبتم میشید ولی خب من صحبت شمارو متوجه شدم که چرا باید به کار ببرم
    ممنون

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      نه به صورت خودکار حذف شده اگر کد بوده
      برای مسائل امنیتی و جلوگیری از حملات

  3. ج
    جعفر اسکندری - رتبه بر اساس تعداد نظرات : خواننده

    استاد سلام
    هر کس به من چیزی بیاموزد مرا بنده خویش کرده است ( مولا علی)

    چند سوال داشتم البته عذر خواهی بنده بپذیرید که شاید برای شما تکراری باشه اما برای بنده بسیار مهم و شاید سوال دیگران هم باشد ، بنده این موضوعاتی که میگم سرچ کردم چیزی پیدا نکردم گفتم خدمت شما بپرسم
    اول اینکه چرا link rel=stylesheet ینی چرا stylesheet همیشه باید این کلمه باشه ؟
    آیا این کلمه اجباری ؟
    آیا مقدار دیگه ای وجود دار؟
    این کلمه تعریف بفرمایید

    سوال ۲ چرا ما نمیتونیم از ۲ تا id استفاده کنیم
    بنده از ۲ کلاس در فایل استفاده کردم و هیچ مشکلی پیش نیمد و کد رو نمایش داد
    آیا بعد ها باعث مشکل میشه ؟
    لطفا توضیح بفرمایید.

    برای ایرانی آباد و سربلند

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      سوال اول رو که تو همین بخش پاسخ دادم:
      rel که مخفف relationship هست میاد رابطه صفحه جاری رو با صفحه لینک شده مشخص میکنه وقتی مقدار اون رو stylesheet قرار میدیم به مرورگر میگیم رابطه صفحه لینک شده با صفخه فعلی یک stylesheet برای صفحه من هست
      کاربرد rel بیشتر در سئو هست و مقادیر مختلفی داره که در دوره html یا دوره سئو کاملا بررسی میشه
      سوال دوم
      id شبیه به کد ملی می مونه که باید یکتا باشه
      نباید از اون ۲تا باشه
      اما کلاس به هر تعداد عنصر می تونیم نسبت بدیم و مشکلی ایجاد نمیشه

  4. ج
    جعفر اسکندری - رتبه بر اساس تعداد نظرات : خواننده

    بازم سلام الان که داشتم تمرین میکردم میخاستم ببینم آیا این امکان وجود داره یا باعث سنگینی میشه یا اصلا امکان نداره
    این خطی که بنده نوشتم میخام span های داخل h1 و کلاس id تغییر کنه حالا خودم یه چیزای نوشتم ولی نشد لطفا بررسی نمایید
    CLASS = notghteh v id = sharp #

    h1 #css2 span{
    color:green;
    }

    یکی هم
    h1 css2 span{
    color:green;
    }

    زکات علم = یاد دادن است

    برای ایرانی آباد و سر یلند

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      h1 نام ایدیش #css2 هست یا درون h1 یک عنصر با ایدی #css2 وجود داره؟

      • ج
        جعفر اسکندری - رتبه بر اساس تعداد نظرات : خواننده

        ببینید داخل h1 ایدی #css2 بازکردم
        بعد اومدم بازم یه عنصر دیگه span باشه بازم داخل بین این دو تا گذاشتم
        حالا میخام عنصر span که داخل این دو تا هست تغییر بدم یعنی کار بشه این این ۳ تا با هم کار انجام بدن
        اگر خواستید ایمیل میکنم

  5. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

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

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      امتحان کردم
      مشکلی وجود نداره
      مطالب جدید هم که از طرف گوگل میاد و ربطی به سایت نداره
      صرفا سایت لایسنس این کار رو از گوگل گرفته

  6. م
    مهیار - رتبه بر اساس تعداد نظرات : خواننده

    سلام آقای محسن پور . واقعا از لطفتون مچکرم عالی بودن ، موفق و پیروز باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *