این آموزش در تاریخ ۱۳۹۷/۱۲/۱۸ آپدیت شده است.

پرسش و پاسخ – نحوه استفاده از CSS در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – نحوه استفاده از CSS در HTML با من همراه باشید.

پرسش و پاسخ - نحوه استفاده از CSS در HTML

Free-Learn

پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.

برای مشاهده بخش – آموزش نحوه استفاده از CSS در HTML لطفا اینجا کلیک نمایید. .

لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [آموزش نحوه استفاده از CSS در HTML] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.

Free-Learn

بنده خودم یکسری پرسش بهمراه پاسخ ارائه میدهم، امیدوارم که در بین پاسخ ها به جواب پرسش تان برسید ، ولی در صورتی که پرسش و پاسخ تان را در بین پرسش و پاسخ های زیر پیدا نکردید، لطفا حتما از طریق فرم زیر پرسش تان را ارسال نمایید.

Free-Learn

دریافت PDF یا پرینت این مطلب

53 پرسش و پاسخ

    • راحت ترین و سریعترین روش » روش استفاده از استایل خطی یا Inline می باشد (مثال)
      بهینه تر از روش خطی » استفاده از روش داخلی می باشد (مثال)
      بهینه ترین روش » استفاده از روش خارجی (یعنی داشتن یک فایل CSS بصورت مجزا یا خارجی) (مثال)

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

    • باسلام و عرض ادب خدمت شما دوست خوبم
      میخواهید خط بصورت افقی صاف بشه یا عمودی؟
      خودم حدس میزنم میخواید بصورت عمودی صاف بشه.
      برای اینکار باید شما یک خط کد از داخل فایل CSS اون قالب حذف کنید.
      باید فایل main.css این قالب رو با یه ویرایشگر مثله (++Notepad) باز کنید بعدش دنبال کلاس زیر میگردید و پیداش میکنید:
      برای پیدا کردن سریع یک متن دکمه های Ctrl+F رو بگیرید بعدش کلاس زیر رو داخلش قرار بدید و جستجو بزنید.

      پیداش که کردید ویژگی transform رو که دوتاس کناره هم حذف میکنید.

      همین تموم شد

    • با سلام و عرض ادب خدمت شما دوست عزیز
      ای کاش سوالتون رو کمی واضح تر بیان میکردید؟!
      منظور شما از برعکس کردن زیر گزینه های یک فهرست (منو) آیا موارد زیر است؟
      راست چین یا چپ چین کردن گزینه ها ؟!
      یا تراز گزینه ها، یعنی اینکه بیان سمت راست یا سمت چپ؟!
      یا کلن برعکس کردن گزینه ها؟ مثلا اگه (فری) هس برعکس بشه (یرف) ؟!
      لطفا بگید که منظورتان کدام یک از موارد بالا هست تا جواب بطور کامل به شما داده شود.
      باتشکر

  5. با سلام و خسته نباشید
    در طراحی css تمامی div ها عرضشون رو برابر ۱۰۰% قرار دادمو همه المنت ها و پارمتر ها هم تو دایو ها قرار دارن اما اسکرول پایین بیشتر از width که تعیین شده هست و کاملا خالیه وقتی هم ک inspect میکنم هیچ ایرادی نمیبینم اما صفحه رو که کوچیک تر میکنم ساختار بهم میخوره و تگ های li که مربوط به nav هستند به صفحه خالی منتقل میشن و تو resposive کردن سایت به مشکل بر خوردم ممنون میشم کمکم کنید

    • سلام و عرض ادب خدمت شما دوست عزیز و محترم
      اینجوری نمیشه نظر قطعی داد اگه سورس کدرو لطف بفرمایید به ایمیل فری لرن ارسال نمایید ممنون میشم، ولی ممکنه مشکل از سرریز شدن باکس باشه و باید از ویژگی overflow استفاده نمایید یا حتی ممکنه با استفاده از ویژگی max-width مشکل حل بشه، ولی در مجموع لطفا سورس کدتون رو به ایمیل ارسال نمایید.
      باتشکر

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

  10. لطفا کمی دقیقتر منظورتونو بیان کنید
    اینکه در یک لاین باشه به راحتی با استفاده از float یا flex و حتی روش های دیگه میشه اینکارو کرد.
    یکیش راست باشه و یکیش چپ میفرمایید بلدید، خب بفرمایید میخواید دقیقا چجوری باشه؟

    • باسلام و عرض ادب
      از روش های مختلف میشه اینکارو کرد

      روش اول :
      اینکه دکمه هارو بزارید داخل یه Div بعد به Div تراز متن یا text-align با مقدار left بدید

      روش دوم :
      اینکه به دکمه ها از float با مقدار left استفاده نمایید

      روش سوم :
      اینکه به همون Div که دکمه هارو گذاشتید داخلش direction با مقدار ltr بدید.

  12. سلام ببخشید من چند تا button دارم بعد میخواستم برای هرکدام یه href جدا بزنم بعد تو هد وتی بیس رو بزنم href رو میتونم فقط برای یکی بزارم چیکار کنم
    سوال اصلی من اینه که چیکار کنم وقتی button رو کلیک میکنم یه پیج جدید باز بشه
    در ضمن ۴ تا باتن هست

  14. سلام سوال من اینه که را منو های کشویی من باز نمیشه؟
    میشه اگر غلطی در کد هام داشتم رو برام درست کنید و بهم توضیح بدید چرا
    اینم سورس
    [ لینک برداشته شد ]

  15. یکی هم که یه کدی بود یادم رفته مثلا پس زمینه از رنگ قرمز همینطور که به یه سمت دیگه میرف کم کم رنگ ابی میشد
    انیمیشن نیستا یه بک گراند

  16. سلام
    ما یه فایل css خارجی داریم ، چطور میتونیم بهش کلاس یا آیدی بدیم تا هر وقت خواستیم استفاده کنیم؟
    مثلا :
    میخواهیم این کد فقط به بعضی پاراگراف های خاص نسبت بدیم .
    ایا راهی برای روش خارجی وجود دارد؟

    • باسلام
      لطفا کدهاتون رو در تگ code قرار بدید تا در اینجا به نمایش درآید در غیراینصورت چیزی نمایش داده نخواهد شد.
      الان من کدهای شمارو نمیبینم.
      حال حدس میزنم ، شما میخواید دستورات CSS تون روی دستورات CSS خارجی بشینه درسته؟ مثلا در فایل CSS خارجی گفته رنگ متن پاراگراف ها آبی باشه، حال شما به فایل CSS خارجی دسترسی ندارید ولی میخواید رنگ پاراگراف هارو هم تغییر بدید. اگه منظورتون این بوده ( خب خیلی راحت دستورات CSS تون رو بین تگ STYLE در تگ Head قرار بدید خودشون اعمال میشن )

  17. میخوام عکس را از بالا و پایین مخفی کنم و عکس کوچک شود ..از overflow استفاده کردم فقط پایین عکس بخاطر ظرف دایو که ارتفاع مشخص کرده ام مخفی شد راه حل برای طرف بالا چیست?

  18. سلام وقت بخیر ، در css طبق کد زیر یک مثلث ایجاد کردم :

    چجوری میتونم داخل این مثلث بجای بک گراند قرمز که گذاشتم عکس قرار بدم ؟

  19. عرض سلام و خسته نباشید.
    یه سری عکس روی سایت دارم که میخوام تو صفحه نمایش داده بشه.
    عکسهامو هر بار با publish نمیفرستمشون بالا چون خیلی زیادن و همیشه روی سرور هستن.
    بعضی هاش از عرض صفحه بزرگتره.
    میخوام تو صفحه html‌ یه جوری بگم اگه عکسی که میخوای نمایش بدی از عرض صفحه بزرگتر بود عرض عکس و بزار به اندازه عرض صفحه و
    اگر هم کوچکتر بود که همون عرض خود عکس باشه.
    آیا این امکان پذیره؟

  20. سلام من تازه شروع به یادگیری htmlو CSS کردم،سوالم اینه زمانی که میخوام کلاس و آیدی رو درcss فراخوانی کنم در مرورگر اجرا نمیشه بنظرتون مشکل کجاست? البته لینک دهی درست انجام شده سایر کدها اجرا میشه غیر از آیدی و کلاس ممنون میشم پاسخ بدید

    • باسلام و عرض ادب خدمت شما دوست خوبم
      دقت کن که از صفت class یا id به درستی درون تگ استفاده کرده باشی و همچنین به نحوه دقیق فراخوانی توجه داشته باش

  21. سلام
    من یک عکس دارم و طبق روال با تگ img اون رو نمایش میدم
    تصویر من از چپ و راست حاشیه اضافه داره و من میخوام با استفاده از css قسمت یا بخش مورد نظر که فاقد اون حاشیه هست رو نمایش بدم
    چطور میتونم اینکار رو انجام بدم؟

  22. سلام
    برای مشاهده صفحه وب در گوشی نوارهای بالا و پایین گوشی، و آدرس صفحه مشخه
    چطور مشه صفحه وب در حالت گوشی، نوارها و آدرس رو حذف کرد که مشخص نباشه؟

    • باسلام و عرض ادب
      نه در حالت عادی چنین چیزی امکان پذیر نیست چون اون نوارها اصلا در داخل صفحه وب وجود ندارند و مال خوده مرورگر هستن
      فقط درصورتی اینا حذف خواهند شد که اون صفحه وب در داخل اپ نمایش داده بشه ( یعنی استفاده از اپ ) یا هم اینکه سایت رو در حالت وب ویو در یک اپ قرار بدید
      باتشکر

  23. سلام.
    داشتم تو ویرایش با المنتور پرو یه برگه المانهای یه شورت کد ثبت سفارش رو مخفی می کردم,کدهایcssعمل می کردن ولی بعد بروزرسانی و اعمال تغییرات به حالت پیش فرض برمی گشت.
    ممنون میشم راهنماییم کنین چطوری میتونم درستش کنم؟

    • باسلام و عرض ادب
      یعنی کدهای CSS رو در خوده المنتور وارد کرده اید؟ و در هنگام ویرایش زنده ، تغییرات اعمال میشدن ولی بعد ثبت نهایی اعمال نمیشدن؟
      احتمال اول : کَش شدن در مرورگر
      ممکنه کش شده باشه، پس یکبار کش مرورگرتو پاک کن و دوباره صفحه رو رفرش کن و ببین آیا اعمال شده یا نه ( اگه همه چیز بدرستی انجام شده باشه منطقا نباید دیگه مشکلی باشه )
      احتمال دوم : کدهای CSS رو داخل بخش CSS سفارشی در قالب سایتتون وارد کنید یاهم در در قسمت نمایش » سفارشی سازی » CSS اضافی ، اونجا وارد و ذخیره کنید
      باتشکر

پرسش تان را ارسال نمایید

لطفا متن پرسش تان را وارد نمایید.
لطفا نام تان را وارد نمایید.