مقدمه ای بر زبان برنامه نویسی CSS

مقدمه ای بر زبان برنامه نویسی CSSReviewed by سایت اردبیل on Aug 9Rating:

مقدمه ای بر زبان برنامه نویسی CSS

مقدمه ای بر زبان برنامه نویسی CSS این مقاله برای اولین بار در CSS طراحی شده است.

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

دوره آموزشی ویدیوی محبوب CSS من
CSS3 با دستکاری HTML5 برای ایجاد وبسایت های زیبا که امروزه آنها را می بینیم، کار می کند.

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

که به راحتی هزینه زیادی برای ساخت هزینه کنید

مقدمه ای برای Cascading Style Sheets

مقدمه ای بر زبان برنامه نویسی CSS
مقدمه ای بر زبان برنامه نویسی CSS

CSS مخفف عبارت “Cascading Style Sheets” است. CSS یک فرمت HTML ساده است

که به شما اجازه می دهد صفحات وب خود را سبک کنید.

یک نمونه از یک تغییر سبک می تواند کلمات را به صورت جسورانه بسازد. در HTML استاندارد شما از برچسب <b> مانند:

<b> به من فشار دهید </ b>
این کار به خوبی انجام می شود و هیچ چیز اشتباهی در درون خود وجود ندارد، مگر این که اکنون اگر شما می خواهید

تمام متن خود را تغییر دهید که ابتدا به خط زیر اشاره کردید، باید به هر نقطه ای از صفحه بروید و برچسب را تغییر دهید.

یکی دیگر از معایب را می توان در این مثال یافت: می گویند شما می خواهید متن بالا را به صورت ضخیم، فونت سبک

Verdana را تغییر دهید و رنگ آن را به رنگ قرمز تغییر دهید، شما نیاز به کد زیادی در اطراف متن دارید:

<font color="#FF0000" face="Verdana, Arial,  Helvetica, sans-serif">
   <strong>This is  text</strong></font>

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

در جای دیگر ایجاد کنید و تمام ویژگی های آن را تنظیم کنید، نام منحصر به فرد آن را بدست آورید و سپس

HTML خود را ‘tag’ کنید تا این ویژگی های سبک را اعمال کنید:

<p class=”myNewStyle”>My CSS styled text</p>

<style type=”text/css”>
.myNewStyle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
</style>

در مثال فوق، کد CSS را مستقیما در صفحه خود جاسازی می کنیم. این خوب است برای پروژه های کوچکتر

و یا در شرایطی که سبک هایی که تعریف می کنید تنها در یک صفحه استفاده می شود. چندین بار زمانی که سبک

مقدمه ای بر زبان برنامه نویسی CSS
مقدمه ای بر زبان برنامه نویسی CSS

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

علاوه بر این واقعیت که شما صفحات خود را با یک کد CSS مشابه خواهید دید، همچنین می توانید هر یک از

این صفحات را ویرایش کنید اگر می خواهید یک تغییر سبک ایجاد کنید. مانند جاوا اسکریپت، می توانید سبک های

CSS خود را در یک فایل جداگانه تعریف کنید / ایجاد کنید و سپس آن را به صفحه ای که می خواهید کد را اعمال

کنید به آن پیوند دهید:

<link href = “myFirstStyleSheet.css” rel = “stylesheet” type = “text / css”>
خط بالا از کد سبد صفحه خارجی خود را به myFirstStyleSheet.css به سند HTML لینک می کند.

شما این کد را بین برچسب <head> </ head> در صفحه وب قرار می دهید.

source

بیشتر بخوانید:

برای مشاهده سایر مقالات اینجا کلیک کنید

نوشتن نظر

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *