زعفران های زعیم
CSS مخفف Cascading Style Sheets و یک زبان برنامه‌نویسی است که برای توصیف نحوه نمایش و طراحی صفحات وب استفاده میشود.
این زبان مشخصات ظاهری اجزای صفحات وب مانند فونت، رنگ، اندازه، فاصله، نوع ترکیب‌ها، انیمیشن و… را تعیین می‌کند. بدون استفاده از
CSS، صفحات وب به صورت خام و زشتی نمایش داده می‌شوند و برای ایجاد طرح بندی و ظاهر جذاب صفحات وب، CSS ابزاری بسیار قدرتمند
است.
اهمیت یادگیری CSS چیست؟
یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را می‌‌توان به سه بخش اساسی تفکیک کرد. اول ساختار صفحه
است که توسط HTML ساخته، دوم شکل، شمایل و رنگ و لعاب صفحه است که در CSS تعیین و سوم منطق برنامه در سمت کلاینت است که با زبان‌های
اسکریپتی مانند JavaScript مشخص و مطابق با این سه‌بخش لزوم یادگیری CSS برای طراحی وب مشخص میشود.
زبان برنامه‌نویسی HTML به خوبی می‌‌تواند اجزای صفحه را ایجاد کند اما ضعف اصلی زبان HTML عدم توانایی ایجاد رابط کاربری است. برای ایجاد رابط کاربری برای
صفحات HTML زبان برنامه‌نویسی CSS (Cascade Style Sheets) ایجاد گردید. این زبان مکملی برای HTML است و سعی در پر کردن خلاها و برطرف کردن نقاط
ضعف زبان HTML دارد. CSS شما را قادر می‌‌سازد تا قالب و استایل صفحات وب‌سایت خود را یک بار طراحی کرده و به دفعات استفاده کنید. برای واضح‌‌تر شدن
ماجرا، یک مثال را بیان کنیم: در نظر بگیرید که وب‌سایتی با ۱۰۰ صفحه را به زبان HTML طراحی کرده‌اید، حال بعد از گذشت مدتی تصمیم دارید تا برخی خصوصیات
را کمی تغییر دهید مثلا رنگ پس‌زمینه را کمی تیره‌‌تر کنید. گفتن این حرف بسیار راحت است اما در عمل کمی بحث فرق می‌کند.
تغییر یک خط کد در ۱۰۰ صفحه بسیار زمانبر است. حال اگر ما از CSS در طراحی این وب‌سایت استفاده کنیم، کافی است تا یک خط کد را در فایل خود تغییر دهیم و
این تغییرات در تمامی صفحات اعمال میشود. در واقع ما صفحات HTML خود را به یک فایل CSS متصل می‌کنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا
میشود. این کار باعث میشود تا حجم کد کمتری نوشته شود و همین طور کدنویسی به اصطلاح تمیزتری داریم.
در این فرادرس چه چیزی یاد می‌گیریم؟
در این آموزش ابتدا با محیط کلی CSS، انتخابگرها، رنگ‌ها و پس‌زمینه آشنا می‌شویم. سپس جعبه‌ها، کادرها و حاشیه‌ها و تنظيمات متن را بررسی و در ادامه
استفاده از فونت‌ها، ليست‌ها، تنظيمات جداول، انتخابگرها و ترکيب‌کننده‌ها را ارائه خواهیم کرد. در نهایت به جلوه‌های دوبعدی و سه‌بعدی، پویانمایی، طراحی
واکنشگرا و چینش صفحه با FlexBox می‌پردازیم.
مفید برای
- طراحی سایت
محتوای این آموزش
Blog shoreditch food truck aesthetic. Artisan wolf copper mug raw denim, green juice cardigan listicle paleo la croix live-edge four dollar toast sartorial mustache banh mi mlkshk. Hexagon hella four dollar toast +1 gentrify farm-to-table. IPhone franzen portland cardigan fixie blog. Brunch vinyl DIY crucifix taxidermy affogato cred selvage quinoa direct trade keytar sustainable shabby chic intelligentsia kombucha. Scenester paleo knausgaard organic kogi ramps asymmetrical schlitz hot chicken swag kale chips palo santo.
Scenester semiotics plaid, vegan four loko vinyl twee bicycle rights letterpress you probably haven't heard of them before they sold out. Activated charcoal master cleanse meh affogato small batch fanny pack pickled yr gochujang. Fixie typewriter +1 roof party vexillologist. Locavore glossier fixie meggings af snackwave.
Cronut cred food truck tumeric tousled affogato echo park cray viral. Try-hard godard glossier thundercats raw denim banjo. Franzen bitters mlkshk pok pok. Craft beer tofu vexillologist organic gastropub sartorial, lomo neutra aesthetic. Unicorn organic copper mug green juice typewriter la croix hashtag 90's before they sold out. Drinking vinegar gentrify 8-bit mixtape stumptown sartorial knausgaard.
Farm-to-table twee subway tile DIY hoodie YOLO, lo-fi mumblecore tumeric green juice 8-bit chillwave tbh iceland. Tbh scenester craft beer cronut ramps truffaut semiotics. Vinyl selfies banjo, +1 gastropub tousled YOLO church-key. Asymmetrical subway tile chia health goth taxidermy mustache waistcoat forage. Forage umami vaporware butcher williamsburg retro. Swag pop-up seitan, vape everyday carry semiotics helvetica meggings photo booth cronut tattooed master cleanse flexitarian pork belly. Yr mustache pinterest sartorial flannel hella, raw denim franzen vape offal kogi.
Small batch stumptown direct trade single-origin coffee mustache biodiesel irony bespoke pinterest DIY flannel post-ironic. Mustache irony meh, quinoa farm-to-table copper mug echo park. Hot chicken wolf enamel pin YOLO waistcoat. Pour-over asymmetrical microdosing plaid semiotics synth kickstarter church-key.
Monica Fleming
Cardigan disrupt fashion axe post-ironic, cold-pressed woke hoodie letterpress YOLO schlitz sartorial etsy prism squid church-key. Cliche kickstarter yr, twee offal craft beer actually live-edge waistcoat cardigan you probably haven't heard of them.
Leave a replyRobert Kang
Coloring book poutine church-key, selfies asymmetrical pickled banjo green juice PBR&B. Chicharrones you probably haven't heard of them bushwick stumptown yuccie authentic schlitz next level franzen hoodie.
Leave a replyMonica Fleming
Lumbersexual heirloom +1 shaman polaroid coloring book whatever microdosing, readymade keffiyeh. Crucifix freegan YOLO banjo authentic, chambray heirloom craft beer deep v forage pok pok post-ironic farm-to-table. Iceland cardigan scenester vice.
Leave a replyLenna Ferraro
Meh kitsch tilde bespoke copper mug freegan thundercats glossier cred humblebrag viral. Asymmetrical flexitarian tacos shoreditch, dreamcatcher pug locavore vice VHS bushwick. Air plant glossier chicharrones four loko church-key hot chicken pork belly hashtag.
Leave a replyGerald Graham
Live-edge chartreuse organic copper mug. Palo santo tousled live-edge tattooed twee. Hot chicken wayfarers tilde 8-bit selfies, tacos beard man braid artisan seitan plaid cliche tattooed.
Leave a replyMonica Fleming
Hot chicken etsy cronut listicle helvetica you probably haven't heard of them mlkshk humblebrag bushwick flexitarian salvia cold-pressed kinfolk prism semiotics.
Leave a replyMichael Black
Pabst subway tile salvia, twee hexagon fanny pack 3 wolf moon post-ironic tattooed church-key. Lo-fi enamel pin health goth af cronut authentic craft beer taiyaki retro cliche narwhal keffiyeh put a bird on it twee kogi.
Leave a replyLenna Ferraro
8-bit dreamcatcher master cleanse distillery, hashtag trust fund live-edge plaid tumeric raclette vexillologist typewriter pork belly bespoke pinterest. Etsy keffiyeh waistcoat, chillwave celiac organic raclette glossier four loko knausgaard slow-carb narwhal yr selvage heirloom.
Leave a replyGerald Graham
Coloring book poutine church-key, selfies asymmetrical pickled banjo green juice PBR&B. Chicharrones you probably haven't heard of them bushwick stumptown yuccie authentic schlitz next level franzen hoodie.
Leave a replyMichael Black
Craft beer hashtag offal everyday carry godard direct trade humblebrag. Vape hammock mlkshk.
Leave a replyMichael Black
Bespoke franzen typewriter dreamcatcher gluten-free letterpress disrupt neutra wolf kitsch.
Leave a reply