عضویت در سایت

ورود

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

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

ورود

عضویت در سایت

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

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

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

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

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

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

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

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

سلام

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

  • CSS

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

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

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

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

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

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

مطلب پیشنهادی:  غیر فعال کردن تصاویر در فایرفاکس

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

css_internal

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

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

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

مطلب پیشنهادی:  اسکریپت Profile.me V1.0

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

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

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

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

  • یک پوشه ایجاد کنید.
  • درون این پوشه یک فایل با پسوند html. و یک فایل با پسوند css. بسازید.
  • داخل فایل html کدهای html زیر را قرار بدید:

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

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

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

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

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

مطلب پیشنهادی:  معرفی ربات تلگرام بازی حدس کلمه

موفق باشید.

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

همیشه در تلاش برای یادگیری :) ارتباط با من: 09159352892

دنبال کردن

ارسال نظر

رفتن به بالا

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

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

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