آموزش Css – قسمت اول(مقدمه)
سلام
پس از دوره آموزشی HTML که هنوز هم پابرجاست و همه مسائل گفته نشده، دوره آموزش Css را هم شروع کردیم تا در کنار HTML با Css هم کار کنیم، امیدواریم در این دوره بتونیم مطالب را خوب به شما منتقل کنیم.
همانطور که میدونید از Css برای استایل دهی به صفحات وب استفاده می کنیم، بدین معنی که از Css برای زیباتر شدن هر چه بهتر صفحه وب استفاده میکنیم.
مثال زیر را در نظر بگیرید:
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ |
<!DOCTYPE html> <html> <head> </head> <body> <h1>Beporsam</h1> <p>Website: www.beporsam.ir <br> Email:beporsam@gmail.com</p> </body> </html> |
کدهای بالا در یک فایل HTML بریزید و نتیجه را مشاهده کنید، می بینید که صفحه بدون استایل است و جذابیت آنچنانی ندارد.
حالا مثال زیر را در نظر بگیرید:
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ |
<!DOCTYPE html> <html> <head> <style type="text/css"> body { background-color: lightblue; } h1 { color: white; text-align: center; } p { font-family: verdana; font-size: ۲۰px; color:green; } </style> </head> <body> <h1>Beporsam</h1> <p>Website: www.beporsam.ir <br> Email:beporsam@gmail.com</p> </body> </html> |
کدهای بالا را هم در یک فایل HTML کپی و نتیجه را مشاهده کنید.
حتما تا به این جای کار با مفهوم و کاربرد Css در طراحی صفحات وب آشنا شدید، نگران کدهای بالا نباشید در طول دوره ی آموزشی به طور کامل با نحوه نوشتن کدهای های Css آشنا میشید.
این مقدمه را داشته باشید تا در جلسات بعدی وارد جزئیات بشیم.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید