با استفاده از CSS می توان به دو صورت کد نویسی کرد:
۱-کدنویسی داخلی ۲-کدنویسی خارجی
۱-کدنویسی داخلی:
اگر بخواهید در همان صفحهء مورد نظر از کدهای css استفاده کنید در بخش head از برچسب style به صورت زیر استفاده کنید. کدهای css در این تگ درج میشوند,به این صورت شما برای سایت خود یک استال تعریف کرده اید.
<style type=”text/css”>
کدهای موردنظر
</style>
۲-کدنویسی خارجی:
شم با استفاده از کد نویسی خارجی css میتوانید سبکهای مختلفی را طراحی کرده و در تمامی صفحات از آن سبکها استفاده کنید. برای ساخت یک فایل css نیاز به هیچ نرم افزار ویژهای نیست. کدهای css موردنظر را در یک صفحه notepad وارد کرده و با نامی مانند style.css ذخیره کنید. البته اگر از dreamweaver استفاده کنید کارتان ساده تر است. حالا برای اعمال کدها در هر صفحه تنها در بخش head صفحه به این فایل css خارجی لینک دهید. فرض کنید فایل css خارجی ما با نام style.css در پوشه ای به نام css ذخیره شده است. برای لینک به این فایل در بخش head هر صفحه دستور زیر را وارد کنید:
<link href=”../css/style.css” rel=”stylesheet” type=”text/css”>
نکته:
در تهیه css خارجی نیازی به استفاده از برچسب style نیست یعنی لازم نیست که دستورات و کدهای مورد نظر خود را بین تگ باز و بستهء <style/><style> قرار دهید.شما می توانید مستقیماً کدنویسی را انجام دهید.شما می توانید به هر تعداد که بخواهید به فایلهای css خارجی لینک دهید و همزمان style درونی نیز طراحی کنید.