CSS چیست ؟
با سلام خدمت تمام همراهان عزیز سنترال فایل در تاپیک قبلی کامل توضیح دادیم که HTML چیه و امروز در این تاپیک قصد داریم که بگیم CSS چیه پس با ما همراه باشید و مارا با دوستان خود به اشتراک بگذارید.
CSS مخفف عبارت Cascading Style Sheets میباشد. که در برای زیبا سازی صفحات وب در کنار HTML استفاده میشود.
سی اس اس یک زبان ساده نشانه گذاری هست که به کمک آن میتوانید به سایتی که در حال طراحی آن هستید استایل دهید.
ما در نوشته قبلی مثالی زدیم در باب اینکه قصد داریم یک برج را بسازیم شما اسکلت و سازه های فولادی آن برج را به وسیله HTML ایجاد میکنید.
اما برای اینکه به محل قرار گیری درب و پنجره و رنگ دیوار و… بخواهید طرح خاصی دهید باید از css استفاده نمایید.
استاندارد های css
در بحث طراحی با استانداردهای وب، همه ساختار گرافیکی و تصویری صفحه‌های وب باید درون این سی اس اس قرار گیرد و لابه‌لای صفحه‌های وب نباید دستورهایی از این جنس، برای درج چگونگی نمایش صفحه‌ها نوشته شود. به بیانی دیگر، ساختار سند و متن در هر صفحه، باید پاکیزه باشد و دستورهای چگونگی نمایش و زیبایی، همگی یکسره در سی اس اس افزوده شوند.
css چیه!
چگونه از css استفاده کنیم؟
تا الان شما فهمیدی که CSS چیست و بهتر هست نحوه اتصال آن به یک صفحه HTML را فرا گیرید.
برای استفاده از استایل css میتونید از سه روش زیر بهره ببرید :
- اتصال خارجی (external)
- در این روش برای اتصال یک سند CSS که با پسوند
.cssشناخته میشود، از تگ <link> در قسمت <head> استفاده میشود. مثال:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"/>
</head>
- اتصال داخلی (internal)
- شیوه‌نامهٔ داخلی در قسمت <head> در سند اچ‌تی‌ام‌ال، با استفاده از تگ <style> معین می‌گردد. مانند زیر:
<head>
<style type="text/css">
h1 {color:red;}
p {margin-left:50px;}
</style>
</head>
- درون خطی
- در این روش مشخصات شیوه‌نامهٔ در تگ مربوطه ذکر میشود. مانند زیر:
<p style="color:red;margin-left:50px">سنترال فایل </p>
