عضویت در سایت

ورود

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

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

کد امنیتی برای بروزرسانی کد امنیتی روی تصویر کلیک کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1094 آموزش و 1885 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

آموزش 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 زیر را قرار بدید:
مطلب پیشنهادی:  آموزش HTML - قسمت بیست و یکم(واکنش گرا)

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

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

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

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

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

موفق باشید.

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

طراح و برنامه نویس وب| تعمیرکار کامپیوتر و ماشین های اداری | علاقه مند یادگیری و یاددادن ... :)

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

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