ثبت نامورود به پنل کاربری
محتوای طراحی وب سایت(Front End)
آموزش display و opacity در CSS
آموزش display و opacity در CSS ما در جزوه های قبلی با تعریف rgba() آشنا شدیم که این مدل یک رنگ را در حالت rgb از ما میگرفت و در ادامه یک عدد آلفا تعریف میکردیم که میزان شفافیت ...
آموزش float در CSS
آموزش float در CSS تصور کنید مثال زیر را داریم و میخواهیم دوتا div زرد و قرمز کنار یکدیگر قرار بگیرند. <!DOCTYPE html> <html> <head> <title>lesson</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="lesson.css"> </head> <body> <img src="1.jpg" id="img1"> <div ...
آموزش position در CSS
آموزش position در CSS برای آموزش موقعیت ها در css متغیر های مختلفی را میتوانیم تعریف کنیم. در این بخش میخواهیم با مدل های fixed و relative و absolute آشنا شویم. <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> ...
آموزش link در CSS
آموزش link در CSS وقتی از لینک ها استفاده میکنیم میبینید که خطی در زیر آن به وجود می آید. شما میتوانید با دستور text-decoration این خط را از بین ببرید. به مثال زیر رقت کنید. <!DOCTYPE html> ...
آموزش font در CSS
آموزش font در CSS ممکن است شما بخواهید از فونت خاصی برای سایت خود استفاده کرده و شکل و نمای زیباتری را اعمال کنید. برای شروع آموزش اول مثال زیر را اجرا کنید تا فونت پیشفرض را مشاهده کنید. ...
آموزش width و height در CSS
آموزش width و height در CSS در این بخش یاد میگیریم چگونه طول و عرض المانی که در نظر داریم را تغییر داده و انواع مقدار دهی را می آموزیم. برای شروع کار مثال زیر را اجرا کنید. ...
آموزش outline در CSS
آموزش outline در CSS در این آموزش قصد داریم با outline آشنا بشیم. نوع تعاریفی که برای outline وجود دارد مثله border است. با این تفاوت که به جای کلمه border از outline استفاده میکنیم. ولی در بخش نمایش، ...
آموزش padding در CSS
آموزش padding در CSS برای آموزش بهتر padding از یک مثال کمک میگیریم. فایل html و css زیر را اجرا کنید. <!DOCTYPE html> <html> <head> <title>lesson</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="lesson10.css"> </head> <body> <div id="test" class="test"> hello ...
آموزش margin در CSS
آموزش margin در CSS برای آموزش بهتر margin از یک مثال کمک میگیریم. فایل html و css زیر را اجرا کنید. <!DOCTYPE html> <html> <head> <title>lesson</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="lesson10.css"> </head> <body> <div id="test" class="test"> hello ...
آموزش border در CSS
آموزش border در CSS گاهی اوقات شما نیاز دارید که یک کادر بندی ایجاد کنید. برای ساخت قاب باید از border استفاده کرده و استایل دهید. برای مثال div زیر را ببینید که تنها به وسیله فراخوانی id آن ...