ساخت وب سایت های واکنش گرا ( Responsive ) بوسیله HTML5, CSS3

CSS بخش مهمی از فرآیند توسعه وب است که می آموزید HTML خود را به زندگی با استفاده از CSS به کد وب خود بیاورید
راهنمای شروع سریع برای صفحات وب یک ظاهر طراحی CSS برای مبتدیان
شامل 35 صفحه راهنمای قابل بارگیری PDF < BR/> نحوه طراحی صفحات وب را با یک ظاهر طراحی CSS کشف و یاد بگیرید. CSS را اعمال کنید تا صفحات وب خود را زنده کنید. نحو و کد نویسی مدرن CSS برای ایجاد سریع و به راحتی وب سایت ها. کد منبع شامل می شود تا بتوانید کد را در دوره های دوره امتحان کنید. > تنظیم رنگ ها برای متن و پس زمینه با اضافه کردن تصاویر CSS به عناصر واحد ارزش رنگ
مدل جعبه CSS چیست و نحوه تنظیم حاشیه حاشیه مرزی برای عناصر
نحوه استفاده از CSS برای تنظیم متن ، متن ، متن دکوراسیون و دکوراسیون. خط با عناصر متن و موقعیت با Float Element CSS
CSS شبه کلاس برای جلوه های شناور و ایجاد محتوای تعاملی CSS
عناصر شبه CSS اضافه کردن محتوا به عناصر صفحه با CSS
نحوه ایجاد یک الگوی ساده با استفاده از طرح شناور CSS با CSS
یک طرح وب سایت 3 ستون با CSS Fle ایجاد کنید Xbox Simple Layout Design
الگوی وب سایت 3 ستون پاسخگو مدرن با CSS Grid طراحی سریع طرح
اضافه کردن CSS به صفحه HTML خود از پرونده CSS:
نحوه اضافه کردن CSS به صفحات وب خود. یک پرونده CSS جداگانه ایجاد کرده و آن را به صفحه HTML خود پیوند دهید. عناصر صفحه را انتخاب کنید و مقادیر یک ظاهر طراحی شده را در خصوصیات سبک اعمال کنید. ویژگی Inline Line Style ، برچسب سبک و پرونده CSS سبک ویژگی شناسه همه عناصر را می توان با استفاده از کارت وحشی انتخاب کرد. انتخاب عنصر همچنین می تواند با جداسازی کاما از انتخاب کنندگان گروه بندی شود. هنگام برنامه ریزی و طراحی عناصر صفحه وب HTML خود ، از برنامه ریزی برای انتخاب عنصر با CSS اطمینان حاصل کنید. عناصری را ایجاد کنید که در صورت نیاز به یک سبک خاص ، باید به راحتی انتخاب شود و به اندازه کافی منحصر به فرد باشد که سایر عناصر با انتخاب مطابقت ندارند. اعمال می شود. از مقادیر مختلف رنگ می توان استفاده کرد ، مانند مقدار هکس رنگ ، مقدار رنگ RGB یا مقدار رنگ نامگذاری شده. تصاویر پس زمینه همچنین می توانند روی هر عنصر صفحه تنظیم شوند. با استفاده از یک تصویر پس زمینه ، خواصی وجود دارد که می تواند برای اعمال تصاویر با جزئیات خاص تر تنظیم شود. مقادیر هگز در سه بخش دقیقاً مانند مقادیر رنگ RGB است. مقدار هگز برای 0 00 است و بالاترین مقدار 255 FF است. با استفاده از مقدار هگز می توانید رنگ ها را روی مقدار اعمال کنید. RGB رنگهای آبی سبز قرمز است ، با حداقل مقدار 0 و حداکثر مقدار 255 نحوه تنظیم بالشتک حاشیه مرزی برای عناصر
عناصر HTML به شکل مستطیل شکل است ، هر یک را می توان به عنوان یک جعبه تصور کرد. با خاصیت بیرونی یک حاشیه ، و داخلی با بالشتک و محتوا. خط تقسیم کننده مرز است که می تواند روی هر عنصر تنظیم شود. مدل جعبه در اطراف عنصر HTML متشکل از حاشیه ، مرزها ، بالشتک ها و محتوا می پیچد. ابعاد محتوای ارتفاع و عرض همچنین می تواند محتوای موجود در آن را تنظیم کند. از وب سایت شما تراز متن را در عنصر والدین ، ​​با راست و مرکز چپ تنظیم کنید. نحوه تبدیل متن در یک عنصر به حروف بزرگ ، کوچک و نحوه سرمایه گذاری متن با CSS. یک ظاهر طراحی شده قلم با ایتالیایی و جسورانه. نحوه اضافه کردن یک خانواده فونت جدید و تنظیم یک ظاهر طراحی شده فونت با CSS. استفاده از فونت های Google با انتخاب یک قلم برای استفاده از فونت های وب Google.
نحوه تنظیم مقادیر نمایش عنصر و نمایش هیچکدام از ویژگی های Visibility
نمایشگر عنصر CSS از بلوک و درون خطی و نحوه تفاوت آنها. نحوه استفاده از مقدار صفحه نمایش Inline-Block. تفاوت بین نمایش هیچ و دید پنهان برای عناصر صفحه HTML هنگام استفاده از خصوصیات CSS. 5 مقادیر مختلف موقعیت. پس از افزودن ویژگی ، عناصر را می توان در موقعیت قرار داد و در جایی که عنصر از مقادیر ویژگی های پایین ، بالا ، راست و چپ نمایش داده می شود. تمام مقادیر موقعیت با تمام خصوصیات موقعیت ها کار نمی کنند. محفظه. شناور معمولاً با تصاویر انجام می شود

عنوان اصلی : Learn CSS for Modern Responsive Web Design create websites from scratch HTML5 CSS3

سرفصل های دوره :

1. 0 CSS Quickstart مقدمه
2. 1 اضافه کردن CSS به صفحه
3. 2 انتخاب عنصر CSS
4. 3 تنظیم رنگ و پس زمینه با CSS
5. 4 جعبه حاشیه حاشیه حاشیه
6. 5 متن و فونت CSS
7. 6 نمایشگر عنصر CSS
8. 7 موقعیت عنصر CSS
9. شناور عنصر 8 CSS
10. 9 کلاس شبه CSS
11. 10 عنصر شبه CSS
12. 11 طرح شناور CSS
13. 12 طرح Flex CSS
14. 13 CSS Layout CSS