Notes for CSS - Overview By Scott Granneman & Jans Carton Find the presentation at http://www.granneman.com/presentations/ ## Slide 3 http://www.granneman.com ## Slide 4 http://twitter.com/garybernhardt/status/664149582046040064 ## Slide 9 Still CR as of 2020-07-07 ## Slide 10 https://www.w3.org/Style/CSS/current-work ## Slide 12 https://w3techs.com/technologies/overview/site_element ## Slide 24 You can use other names, but css or styles are most common ## Slide 25 The file can have any name, like search.css or foobar.css; it’s just that main.css is among the most common & is one we’ll use in my courses ## Slide 33 https://developer.mozilla.org/en-US/docs/Web/CSS/@charset The info on this slide was true for CSS 2.1 (https://drafts.csswg.org/css2/#charset), but not later: https://www.w3.org/TR/css-syntax-3/#input-byte-stream For Unicode byte-order, see https://en.wikipedia.org/wiki/Byte_order_mark ## Slide 34 Atkins Jr., Tab & Simon Sapin. “CSS Syntax Module Level 3: W3C Candidate Recommendation, 16 July 2019”. World Wide Web Consortium, 16 July 2019, https://www.w3.org/TR/css-syntax-3/#charset-rule. CSS 2.1: https://drafts.csswg.org/css2/#charset ## Slide 35 Atkins Jr., Tab & Simon Sapin. “CSS Syntax Module Level 3: W3C Candidate Recommendation, 16 July 2019”. World Wide Web Consortium, 16 July 2019, https://www.w3.org/TR/css-syntax-3/#input-byte-stream. ## Slide 41 https://codepen.io/websanity/pen/aQPXrX?editors=1000 ## Slide 43 http://chimera.labs.oreilly.com/books/1230000000545/ch11.html#RESOURCE_INLINING Other examples of resource inlining: embedding JavaScript via