CSS

Details Snippets Text Colors Graphic editor

Core

Definition

CSS (Cascading Style Sheets): language that styles the presentation of an HTML document. Using different CSS style sheets, the same HTML code can be rendered in very different ways.

Elements

CSS elements determine how the contents of the HTML elements should be displayed.

Example: paragraphs’ font description (all <p> elements)

p {
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: bold;
  font-color: #ff0000;
} 

Clarifications

Selector

The selector points to the HTML element (more elements in group are separated with commas), and are based on the:

  1. HTML element_name
  2. id atribute, or
  3. class atribute

Description

The descriptioin (between curly braces) contain declarations that determine the style with property/value pairs.

Topics

CSS Topics Links (to the w3schools)

CSS Basics

Syntax Selectors How To Comments Colors Backgrounds Borders Margins Padding Height/Width Box Model Outline Text Fonts Icons Links Lists Tables Display Max-width Position Overflow Float Inline-block Align Combinators Pseudo-class Pseudo-element Opacity Navigation Bar Dropdowns Image Gallery Image Sprites Attr Selectors Forms Counters Website Layout Units Specificity

CSS Advanced

Rounded Corners Border Images Backgrounds Colors Gradients Shadows Text Effects Web Fonts 2D Transforms 3D Transforms Transitions Animations Tooltips Style Images object-fit Buttons Pagination Multiple Columns User Interface Variables Box Sizing Flexbox Media Queries MQ Examples

CSS Responsive

RWD Intro RWD Viewport RWD Grid View RWD Media Queries RWD Images RWD Videos RWD Frameworks RWD Templates

CSS Grid

Grid Intro Grid Container Grid Item

CSS Topics Overview

Basics (insert style, selectors, specificity, declarations, important, inheritance, units), Color (color, backgrounds, color values, opacity, gradients), Text (fonts, sizes, formats, external fonts, alignment, icons, links, list, tables), Boxes (dimensions, display, borders, margin, padding, outline, overflow, centering, text effects), Forms (text inputs, buttons, fieldsets, legends, align), Layout (grid, grid container, grid tem, flow, overlapping, float, screens, pages), Images (sizes, align, background image, rollovers, sprites), Miscellaneous (position, inline-block, align, combinators, pseudo-class, pseudo-element, navigation bar, dropdowns, image gallery, image sprites, attr selectors, forms, counters, website layout), Advanced (colors, shadows, 2d transforms, 3d transforms, transitions, animations, tooltips, style images, object-fit, buttons, pagination, multiple columns, user interface, variables, box sizing, flexbox, media queries), Responsive (essential, viewport, grid view, media queries, images, videos, frameworks, templates).

Sources

Useful links

Learn

(a) tutorialsw3schools  mozilla  tutorialspoint  tutorialrepublic  devdocs  htmldog  AfterHoursProgramming
(b) ebookstoBeDangerous  HTML&CSS   FreeFrontend
(c) exercises /examw3schools.com – exercise  w3schools.com – quiz   w3schools.com – certificate (online certification, $95)

Practice

(a) documentsw3   mozilla   reference
(b) tools:   tutorialspoint  onlineEditor01   onlineEditor02  CheatSheet01  canIUse   w3 validator
(c) best practice30 Best Practice   8 Best Practice

Selected Books (ebooks collected)

author, title, edition, pages, publisher, ISBN, Amazon: price, evaluation / reviews, record date

  1. Duckett J.: HTML and CSS: Design and Build Websites, 1st. 490. John Wiley & Sons, 2011. 1118008189. $17.58. 4.6 / 1839. 2020 02 16.
  2. McFarland D. S.: CSS: The Missing Manual, 4th. 718. O’Reilly Media, 2015. 1491918055. $29.16. 4.7 /73. 2020 02 16.
  3. Howe S.: Learn to Code HTML and CSS: Develop and Style Websites, 1st. 304. New Riders, 2014. 0321940520. $57.50. 4,5 / 39. 2020 02 16.
  4. Meyer E. A.: CSS Pocket Reference: Visual Presentation for the Web, 5th. 206. O’Reilly Media, 2018. 1492033391. $10.49. 4.8/24. 2020 02 16.
  5. Meyers M.: A Smarter Way to Learn HTML & CSS: Learn it faster Remember it longer, 1st. 258. CreateSpace Independent Publishing Platform, 2015. 258. 150867387X. $18.95. 4.8 / 564. 2020 02 16.
  6. Powell T. A.: HTML and CSS: The Complete Reference, 5th. 864. McGraw-Hill Education, 2010. 0071496297. $29.21. 4.3 / 68. 2020 02 16.
  7. Frain B.: Responsive Web Design with HTML5 and CSS3: Build responsive and future-proof websites to meet the demands of modern web users, 2nd. 350. Packt Publishing, 2015. 1784398934. $25.99. 4.5 / 51. 2020 02 16.
  8. Goldstein A., Lazaris L., Weyl E.: HTML5 and CSS3 For The Real World, 2nd. 350. SitePoint, 2014. 0987467484. $23.97. 3.5 / 12. 2020 02 16.
  9. Robson E., Freeman E.: Head First HTML and CSS: A Learner’s Guide to Creating Standards-Based Web Pages, 2nd. 768. O’Reilly Media, 2012. 0596159900. $28.99. 4.5 / 240. 2020 02 16.
  10. Gasston P.:  The Book of CSS3: A Developer’s Guide to the Future of Web Design , 2nd. 304. No Starch Press, 2014. $21.49. 4.2 / 12. 2020 02 16.
  11. Sikos L.: Web Standards: Mastering HTML5 CSS3 and XML, 2nd. 534. Apress, 2014. 1484208846. $44.99. 2.9 / 2. 2020 02 16.
  12. Robbins J.: Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, 5th. 808. O’Reilly, 2018. 1491960205. $38.99. 4.6 / 64. 2020 02 16.
  13. Fielding J.: Beginning Responsive Web Design with HTML5 and CSS3, 1st. 328. Apress, 2014. 1430266945. $25.86. 4.0 / 4. 2020 02 16.
  14. Cooper N., Gee K.: Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress, 1st. 264. No Starch Press, 2014. 1593275226. $13.30. 4.1 / 29. 2020 02 16.
  15. Meyer E. A., Weyl E.: CSS: The Definitive Guide: Visual Presentation for the Web, 4th. 1090. O’Reilly Media, 2017. 1449393195. $36.67. 4.6 / 63. 2020 02 16.
  16. Lemay L., Colburn R., Kyrnin J.: Sams Teach Yourself HTML, CSS, and JavaScript in One Hour a Day, 7st. 768. Sams Publishing, 2016. 9780672336232. $27.49. 4.4 / 31. 2020 02 16.
  17. Shafer S. M.: HTML, XHTML, and CSS Bible, 5th. 416. Wiley, 2011. 0470523964. $14.79. 4.2 / 27. 2020 02 16.
  18. Sidelnikov G.: CSS Visual Dictionary. 256. Independently published. 2018. 1983065633. $31.50. 45 / 83. 2020 02 16.

Details Snippets Text Colors Graphic editor