
HTML و CSS دو چیز کاملا متفاوت هستند (نمی توان گفت دو زبان برنامه نویسی هستند!). نشانه گذاری (کد) و نحو یا ترتیبی که کد در آن نوشته می شود منحصر به فرد است. یک تفاوت مهم بین این دو وجود دارد. شما می توانید HTML را به عنوان ساختار صفحه در نظر بگیرید، CSS همچنین به HTML استایل می دهد.
HTML مخفف HyperText Markup Language و CSS مخفف Cascading Style Sheets است.
در واقع، برای آشنایی با مفهوم جداسازی محتوا از سبک با HTML و CSS، CSS Zen Garden را بررسی کنید.
پیش از این، این سایت یکی از اولین نمونه هایی بود که نشان داد رابطه بین HTML و CSS چقدر قوی است. همچنین، هنگام بررسی طراحی سایت های دیگر، به یاد داشته باشید که هر طراحی دقیقاً از همان HTML استفاده می کند! تنها چیزی که از طرحی به طراحی دیگر متفاوت است، فایل CSS است.
همانطور که کد پیچیده تر می شود، مهم است که بین این دو تمایز قائل شوید. در قسمت بعدی این تفاوت ها را در قالب یک قطعه کد توضیح خواهیم داد.
یک فایل جدید ایجاد کنید
مرحله ی 1
یک فایل جدید به نام “style.css” ایجاد کنید و آن را در همان پوشه ای که فایل HTML خود دارید ذخیره کنید. فرض کنید شما قطعه HTML را در زیر هدر index.html ذخیره کرده اید و به نظر می رسد:
<глава>
این عنوان صفحه من است. <тяло>
این یک مورد سرفصل 1 است
سلام دنیا، این یک پاراگراف ساده است.