آموزش W3CSS

آموزش W3CSS – نصب و راه اندازی محیط

نحوه ی کارِ W3.CSS

برای استفاده از W3.CSS دو روش وجود داره:

  • نصب محلی – می توانید فایلِ CSS را دانلود کرده و در فایلِ HTML، include کنین.
  • CDN مبتنی بر ورژن – می توانید فایلِ CSS را مستقیماً از شبکه ی دریافت محتوا (CDN)، در کدِ HTML، include کنین.

نصب و راه اندازی محلی

  • به https://www.w3schools.com/w3css/w3css_downloads.asp رفته و آخرین ورژنِ CSS را دانلود کنین.
  • سپس، فایل دانلود شده (w3.css) را در دایرکتوری وب سایت تان (مثلاً /css) قرار بدین.

مثال

حالا می توانید بصورت زیر فایلِ css را در کدِ HTML، include کنین:

<html>
   <head>
      <title>The W3.CSS Example</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="w3.css">
   </head>
   <body>
      <header class="w3-container w3-teal">
         <h1>Hello World!</h1>
      </header>
   </body>
</html>

خروجی کد بالا بصورت زیر خواهد بود:

CDN مبتنی بر ورژن

می توانید فایلِ W3.CSS را مستقیماً از شبکه ی دریافت محتوا (CDN)، در کدِ HTML، include کنین. W3Schools.com محتوای آخرین ورژن را ارائه میده.

در این آموزش از ورژنِ W3Schools.com CDN کتابخانه استفاده می کنیم.

مثال

اکنون کد بالا را با استفاده از کتابخانه ی jQuery از W3Schools.com CDN بازنویسی می کنیم.

<html>
   <head>
      <title>The W3.CSS Example</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">
   </head>
   <body>
      <header class="w3-container w3-teal">
         <h1>Hello World!</h1>
      </header>
   </body>
</html>

خروجی کد بالا بصورت زیر خواهد بود:

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش W3CSS

Learn W3CSS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

سوال شما با موفقیت ثبت شد. برای اینکه بتوانیم به شما اطلاع رسانی کنیم، موارد زیر را وارد کنید:

لطفا چند لحظه منتظر بمانید ...