Css (cascading style sheets) برای طراحی و کنترل شکل و ظاهر وب سایت استفاده می شود
Css به طور کلی توضیح می دهد که کد های html (زبان پایه برنامه نویس وب سایت ) چگونه دیده می شود، css یک زبان برای طراحی ظاهری درون وبسایت ها است تا کاربر بتواند به راحتی با سایت کار کند.
با css شما می توانید رنگ ،رنگ پشت زمینه ،فونت متن ،سایز متن ،فضای میان متن و.... را کنترل کنید و به سلیقه خود دربیاورید
یادگیری css بسیار آسان است و به شما کنترل کامل (یا بسیار زیادی) برعناصر html می دهد css به تنهایی قابل استفاده نیست و برای استفاده از این زبان شما نیاز به یادگیری html دارید ،امروزه css بیشتر در html یا html5 استفاده میشود.
1- CSS باعث صرفه جویی در زمان می شود
2- صفحات سریعتر بارگذاری می شوند
3- نگهداری آسان
4- css داری طرح های برتری است تا html
5- سازگاری چند دستگاه (مرورگر)
در css شما میتوانید به راحتی طرحی که یک بار انجام دادید رو به 2 ،3 و یا تمام صفحات وب سایت خود بدهید ، css دارای توانایی هست که به هر عنصری از htmlکه انتخاب کنید طرح مورد نظر را می دهد.
اگر شما از css استفاده کنید نیاز به زدن tag html نیست هنگامی که می خواهید طرح یا شکل خاصی به عناصر های html بدهید ، شما می توانید که یک خط کد cssرا به چندین کد html بدهید که تعداد کد های کلی شما را کم تر می کند.که تعداد کد کمتر برابرست با سرعت دانلود بیشتر
برای به روز کردن کدهای سایت ،شما تنها نیاز دارید که style ، سایت خود را آپدیت کنید و تمام عناصر سایت شما به صورت خودکار آپدیت می شود
عنصر های که در html هست بسیار محدود و برای طراحی اولیه سایت استفاده می شود اما css دارای عناصر ویژه تر و بهتر از html هست
سبک بودن محتوای سایت اجازه می دهد تا مرورگر های بیشتری بتوانند از سایت شما حمایت کنند ،شما با استفاده از یک کدhtml میتوانید آن را در پلت فرم های مختلف استفاده کنید (CSS Responsive) شما می توانید وبسایت خود را که برای ابعاد یک کامپیوتر طراحی شده است را به راحتی برای اندازه گوشی یا تبلت خود مشخص کنید
CSS از طریق گروهی از افراد در W3C به نام CSS ایجاد و نگهداری می شود.
گروه کاری css یک مشخصات کلی را تولید می کنند و بعد از مورد بررسی گرفتن این مشخصات کلی، w3c تمام این اطلاعات را به صورت یک محصول اختیاری معرفی می کند.
این مشخصات تایید شده ،توصیه نامیده می شود زیرا W3C هیچ کنترلی روی آن ندارد (هیچ گونه مالکیتی بر روی زبان برنامه نویسی ندارد)،زیرا زبان نرم افزاری آن را ،شرکت ها و سازمان های مستقل ایجاد می کنند.
<p>، <h1>، <table>و...
H1{ Color: #35cfff; }
header p {Color : #000000 ;}
کد بالا تنها اگر که شما در بخش header کد p داشته باشید رنگ آن را عوض می کند
mine {Color : #000000;}
و برای استفاده از کد بالا این گونه استفاده می کنیم
<p class=”mine”>this is test<p>
آیدی دقیقا مانند کلاس استفاده می شود اما تفاوتی که دارد این است که کلاس برای یک یا چند عنصر استفاده می شود اما آیدی تنها برای یک عنصر استفاده می شود
#id-one{Color :#000000;}
دقیقا مانند کد های کلاس استفاده می شود
قابل توجه است که بدانید (selector Descendant)
را می توانید در هر دو، selector کلاس و آیدی selector استفاده کنید.
{;Color: #000000 header P.first {
{;Color: #000000header P#first {
در هر دو کد بالا اگر که کلاس وآیدی first از p نباشد که درون بخش header هستند ،اصلا تغییراتی بر رنگ آنها انجام نمی شود
آدرس ایمیل شما منتشر نخواهد شد. فیلدهای مورد نیاز علامت گذاری شده اند *
(0) پیام