ثبت نام کنید

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ آدرس ایمیل خود را وارد کنید، یک ایمیل حاوی لینک بازیابی رمز عبور برای شما ارسال می شود.

پرسیدن سوال

برای پرسیدن سوال، باید وارد حساب کاربری خود در سایت شوید.
در بین 785 آموزش و 1543 پرسش به دنبال چه هستید؟

در بپرسم کلیه مطالب آموزشی رایگان است، کافیست فقط آن چیزی را که میخواهید دنبالش بگردید


آموزش HTML – قسمت نهم(مفهوم css)

سلام

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

  • CSS

به کمک css میتوینم به صفحاتمون رنگ ولعاب بدیم ، رنگشون رو تغییر بدیم ، فونت ها رو عوض کنیم ، انیمیشن بدیم و … (که در دوره ی بعدی که دوره آموزش CSS هست به طور کامل آشنا میشیم) ، در این قسمت توضیح مختصری میدیم.

  • به سه روش میتونیم ، از css استفاده کنیم:

۱- سی اس اس درون خطی ، یعنی داخل تگ ها هر جا خواستیم میتونیم تگ <style> را باز کنیم و به عناصر درون صفحه ربطشون بدیم.

سلام 🙂 شما در بپرسم هستید

همانطور که مشاهده می کنیم ، داخل تگ h1 از style درون خطی استفاده کردیم و یک متن به رنگ آبی نوشتیم.

۲- سی اس اس داخلی ، در این روش میتونیم بین تگ <head> … </head>، تگ <style> را باز کنیم و کدهای سی اس اس را داخلش بنویسیم.

خروجی کد بالا :

css_internal

همانطور که مشاهده می کنید ، تگ استایل را باز کردیم و نام تگ را نوشتیم و بهش استایل دادیم.

۳- سی اس اس خارجی ، در این نوع یک فایل با پسوند css. ایجاد میکنیم و کدهای سی اس س را داخل این فایل می نویسیم و آدرس فایل را میایم در صفحه بین تگ های <head> … </head> می نویسیم.

آدرس دهی فایل Css به این صورت است:

یک فایل با پسوند سی اس اس ایجاد کردیم و نام فایل را نوشتیم

و کدهای سی اس اس که در این فایل نوشتیم:

دیگه نیاز به گذاشتن <style> نیست ، چون فایل با پسوند css. است و به عنوان یک فایل استایل شناخته میشه.

برای اینکه با مفهوم سی اس اس خارجی آشنا بشید:

  • یک پوشه ایجاد کنید.
  • درون این پوشه یک فایل با پسوند html. و یک فایل با پسوند css. بسازید.
  • داخل فایل html کدهای html زیر را قرار بدید:
حتما بخوانید:  آموزش استفاد از کتابخونه Typedjs(افکت تایپ متن)

  • داخل فایل css کدهای زیر:

  • سپس ذخیره کنید و فایل با پسوند html را باز کنید تا نتیجه را ببینید.

این قسمت ، نمونه ای بود برای اینکه با سی اس اس آشنا بشید ؛ در دوره ی آموزشCSS که بعد از این دوره قرار میگیره به طور کامل آشنا میشیم.

سوالی دارید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

با ما باشید تا آموزش های بعدی …

موفق باشید.

درباره احمد آخوندیمدیر

در صورتی که از بپرسم راضی بودید؛ میتوانید حمایت مالی کنید

دنبال کردن من

پاسخ دهید