کد ها و تگ های کلیدی سی اس اس
امروز و در این مطلب به شما عزیزان کد ها و تگ های کلیدی و کاربردی زبان سی اس اس را شرح می دهیم و شما می توانید از این تگ ها بای طراحی استایل وب سایت خود استفاده کنید.
فرض کنید می خواهیم تنظیمات استایل یک کلاس دیگر هم بر روی این تگ پاراگراف اعمال شود. در قسمتی که در تگ html برای تگ p کلاس تعریف می کنیم می توانیم به صورت ترکیبی هر دو را وارد نماییم:
<DOCTYPE html!> <html> <head> <title>Page Title</title> <style> }p1. ;color:red ;font-size:12px { }p2. ;background-color:yellow } </style> </head> <body> <p class=”p1 p2″>Text</p> </body> </html>
استفاده از تگ های CSS
فرض کنید مثال بالا را با این روش انجام دهیم. باید تمامی ویژگی های css که در داخل تگ استایل گذاشته بودیم به صورت جدا گانه در یک فایل stylesheetدر این مثال نام فایل cssfile.css می باشد. که برای نوشتن کد های css است می نویسیم و آن را با کد بالا فراخوانی می کنیم.
از این تگ می توانید برای تغییر ساختار منو ها استفاده کنید.
کد آن در فایلhtml به صورت زیر می شود:
<DOCTYPE html!> <html> <head> <title>Page Title</title> <"link rel="stylesheet" type="text/css" href="cssfile.css> </head> <body> <p class="p1">Text</p> </body> </html>