{"id":2720,"date":"2017-12-07T14:51:54","date_gmt":"2017-12-07T09:21:54","guid":{"rendered":"https:\/\/cns72.com\/vytcdc.com.sg\/?p=2720"},"modified":"2019-11-20T12:13:36","modified_gmt":"2019-11-20T06:43:36","slug":"introduction-modularization-cascading-style-sheets-level-3","status":"publish","type":"post","link":"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/","title":{"rendered":"An Introduction to the Modularization of Cascading Style Sheets (level 3)"},"content":{"rendered":"<p>The biggest change that is currently planned with CSS level 3 is the introduction of modules. The advantage to modules is that it (supposedly) allows the specification to be completed and approved more quickly, because segments are completed and approved in chunks. This also allows browser and user-agent manufacturers to support sections of the specification but keep their code bloat to a minimum by only supporting those modules that make sense.<\/p>\n<p class=\"cb-split\">For example, a text reader wouldn&#8217;t need to include modules that only define how an element is going to display visually. But even if it only included the aural modules, it would still be a standards-compliant CSS 3 tool.<\/p>\n<h3>Some New Features of CSS 3<\/h3>\n<ul>\n<li><strong>Selectors<\/strong><br \/>\nSelectors in CSS 3 are going to be very interesting. They will allow the designer\/developer to select on much more specific levels of the document. One of the nice things about this module is that many browsers are already starting to support the advanced CSS 3 <a href=\"https:\/\/www.thoughtco.com\/what-is-a-css-selector-3467058\" data-inlink=\"qDZ26LqmDXqtkht2m_lKew==\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"1\">selectors<\/a>, so you can start trying them out now. For example, some<a href=\"https:\/\/www.thoughtco.com\/what-is-a-css-selector-3467058\" data-inlink=\"ZSOf-oTlB1lZhNHfQK3VFA==\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"2\"> new selectors<\/a> are:<\/p>\n<ul>\n<li>matching on attributes and attribute values, including partial matches<\/li>\n<li><a href=\"https:\/\/www.thoughtco.com\/what-is-a-css-selector-3467058\" data-inlink=\"Tk7_OpUiQWvxmTM-Fvjb9g==\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"3\">structural pseudo-classes<\/a>, such as the <em>n<\/em>th-child<\/li>\n<li>a target pseudo-class to style only elements that are targetted in the URL<\/li>\n<li>a checked pseudo-class to style any element that is checked such as radio or checkbox elements<\/li>\n<\/ul>\n<\/li>\n<li><strong>Text Effects and Layout<\/strong><br \/>\nMaking changes to the hyphenation, whitespace, and justification of text in documents.<\/li>\n<\/ul>\n<div id=\"native-placeholder_1-0\" class=\"comp native-placeholder mntl-block\"><\/div>\n<ul class=\"cb-split\">\n<li><strong>First-Letter and First-Line Pseudo-Classes<\/strong><br \/>\nCSS 3 should allow properties to affect kerning and alignment of drop-caps.<\/li>\n<li><strong>Paged Media and Generated Content<\/strong><br \/>\nCSS 3 will now support more options in paged media, such as running <a href=\"https:\/\/www.thoughtco.com\/make-first-page-header-footer-different-3540358\" data-inlink=\"-K9fhrsiKYGkBfNZnV25MQ==\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"4\">headers<\/a> and footers and page numbers. Plus there will be advanced properties for printing generated content including properties for footnotes and cross-references.<\/li>\n<\/ul>\n<div id=\"billboard2-sticky_1-0\" class=\"comp billboard2-sticky billboard-sticky is-lockable\" data-height=\"600\" data-parent=\"\"><\/div>\n<ul class=\"cb-split\">\n<li><strong>Multi-Column Layout<\/strong><br \/>\nRight now, the multi-column layout <a href=\"https:\/\/www.thoughtco.com\/what-is-the-w3c-3469951\" data-inlink=\"9QGLHJMuXq8HkJV9-LXciw==\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"5\">working draft<\/a> provides properties to allow designers to display their content in multiple columns with definitions like the column-gap, column-count, and column-width.<\/li>\n<li><strong>Ruby<\/strong>CSS will now support the ability to add small annotations on top or next to words, most often used in Chines and Japanese. They are generally used to give the pronunciation or meaning of difficult ideograms.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The biggest change that is currently planned with CSS level 3 is the introduction of modules. The advantage to modules is that it (supposedly) allows the specification to be completed and approved more quickly, because segments are completed and approved in chunks. This also allows browser and user-agent manufacturers to support sections of the specification [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2721,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[45],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.0.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>An Introduction to the Modularization of Cascading Style Sheets (level 3) - TCDC<\/title>\n<link rel=\"canonical\" href=\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An Introduction to the Modularization of Cascading Style Sheets (level 3) - TCDC\" \/>\n<meta property=\"og:description\" content=\"The biggest change that is currently planned with CSS level 3 is the introduction of modules. The advantage to modules is that it (supposedly) allows the specification to be completed and approved more quickly, because segments are completed and approved in chunks. This also allows browser and user-agent manufacturers to support sections of the specification [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/\" \/>\n<meta property=\"og:site_name\" content=\"TCDC\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vytcdc\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-07T09:21:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-20T06:43:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2017\/12\/Logo-CSS3-591fc2625f9b58f4c0e3ef4b.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vytcdc\" \/>\n<meta name=\"twitter:site\" content=\"@vytcdc\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#website\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"name\":\"TCDC\",\"description\":\"Career Development Courses\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/cns72.com\/vytcdc.com.sg\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2017\/12\/Logo-CSS3-591fc2625f9b58f4c0e3ef4b.jpg\",\"width\":768,\"height\":512},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/#webpage\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/\",\"name\":\"An Introduction to the Modularization of Cascading Style Sheets (level 3) - TCDC\",\"isPartOf\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/#primaryimage\"},\"datePublished\":\"2017-12-07T09:21:54+00:00\",\"dateModified\":\"2019-11-20T06:43:36+00:00\",\"author\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#\/schema\/person\/c57e5f7b91685a93f23a57aaafd38e82\"},\"breadcrumb\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/introduction-modularization-cascading-style-sheets-level-3\/\",\"name\":\"An Introduction to the Modularization of Cascading Style Sheets (level 3)\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#\/schema\/person\/c57e5f7b91685a93f23a57aaafd38e82\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f8f959f70994a4401c8704d6b2143474?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2720"}],"collection":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/comments?post=2720"}],"version-history":[{"count":0,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2720\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/media\/2721"}],"wp:attachment":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/media?parent=2720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/categories?post=2720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/tags?post=2720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}