{"id":378,"date":"2018-10-02T15:26:48","date_gmt":"2018-10-02T15:26:48","guid":{"rendered":"https:\/\/blog.zhdk.ch\/wordpress\/?page_id=378"},"modified":"2023-11-20T16:51:41","modified_gmt":"2023-11-20T15:51:41","slug":"3-3-css-basics","status":"publish","type":"page","link":"https:\/\/blog.zhdk.ch\/wordpress\/3-design\/3-3-css-basics\/","title":{"rendered":"3.3 CSS Basics"},"content":{"rendered":"<h1><strong>N\u00fctzlich:<\/strong><\/h1>\n<h2>body{}<\/h2>\n<h2>h1 {}<\/h2>\n<p>h1,h2,h3,h4,h5,h6 {}<\/p>\n<h2>p {}<\/h2>\n<h2>IDs<\/h2>\n<p>#meinIDname {}<\/p>\n<h2>Klassen<\/h2>\n<p>.meinKlassename {}<\/p>\n<hr>\n<h2>Attributes<\/h2>\n<p><strong>display: none;<\/strong><br>color: #e28117;<br>background-color: #000000;<br>font-family: times;<br>font-size:12px;<br>font-variant: small-caps;<br>text-decoration: underline;<br>font-weight: bold;<br>padding-right: 40px; padding-bottom:40px;<br>margin:30em;<\/p>\n<h2>ohne WordPress-logo&nbsp;<\/h2>\n<p>Je nach Theme, aber 90% M\u00f6glichkeiten dass es funktioniert mit:<\/p>\n<p>.site-info {display:none;}<\/p>\n<h2>sticky-footer<\/h2>\n<p>Je nach Theme, aber 90% M\u00f6glichkeiten dass es funktioniert mit:<br>.site-content {min-height: calc(100vh &#8211; 70px);}<\/p>\n<h2><del>Events Kalender Name anpassung<\/del><\/h2>\n<p>\/*The Events Calender Name anpassung *\/<br>.archive h1 {text-indent: -9999px;<br>line-height: 0;} \/* Collapse the original line *\/<\/p>\n<p>.archive h1::after {text-indent: 0;<br>display: block;<br>line-height: initial;<br>content: &#8220; Konzerte&#8220;;} \/* New content takes up original line height *\/<\/p>\n<p>&nbsp;<\/p>\n<h2>Padding &amp; Margin <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-616\" src=\"https:\/\/blog.zhdk.ch\/wordpress\/files\/2018\/10\/PeSIJ-300x162.gif\" alt=\"\" width=\"300\" height=\"162\"><\/h2>\n<hr>\n<h2>Mobile<\/h2>\n<p><code>@media screen and (min-width: 769px) { }<\/code><br><code><br>\n@media screen and (min-device-width: 481px) and (max-device-width: 768px) { }<\/code><br><code><br>\n@media only screen and (max-device-width: 480px) { }<\/code><\/p>\n\n\n<hr class=\"wp-block-separator has-css-opacity\" \/>\n\n\n\n<h1 class=\"wp-block-heading\">CSS (Theorie)<\/h1>\n\n\n\n<p><strong>CSS ist die Abk\u00fcrzung f\u00fcr \u201eCascading Style Sheets\u201c<\/strong>. Diese Style-Vorlagen werden also kaskadiert angewendet, d.h. man kann z.B. ein CSS-Code anwenden, der f\u00fcr die ganze Homepage gilt, ein anderes CSS, das f\u00fcr alle \u00dcberschriften gilt und ein anderes CSS, das nur f\u00fcr \u00dcberschriften vom Typ \u201eh3\u201c gilt. Oder ein weiteres, welches nur f\u00fcr einen bestimmten Typ \u00dcberschriften gilt, welcher mit einem bestimmten Klassennamen versehen ist.<\/p>\n\n\n\n<p>Das ganze CSS wird normalerweise automatisch vom jeweiligen Theme verwaltet. Mit dem <strong>WordPress-Theme-Customizer<\/strong> kann man je nach Theme viele Elemente ohne CSS-Kenntnisse anpassen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>N\u00fctzlich: body{} h1 {} h1,h2,h3,h4,h5,h6 {} p {} IDs #meinIDname {} Klassen .meinKlassename {} Attributes display: none;color: #e28117;background-color: #000000;font-family: times;font-size:12px;font-variant: small-caps;text-decoration: underline;font-weight: bold;padding-right: 40px; padding-bottom:40px;margin:30em; ohne WordPress-logo&nbsp; Je nach Theme, aber 90% M\u00f6glichkeiten dass es funktioniert mit: .site-info {display:none;} sticky-footer Je nach Theme, aber 90% M\u00f6glichkeiten dass es funktioniert mit:.site-content {min-height: calc(100vh &#8211; 70px);} Events &hellip; <a href=\"https:\/\/blog.zhdk.ch\/wordpress\/3-design\/3-3-css-basics\/\" class=\"more-link\"><span class=\"screen-reader-text\">3.3 CSS Basics<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":4030,"featured_media":0,"parent":96,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-378","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/users\/4030"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=378"}],"version-history":[{"count":19,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":4542,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/378\/revisions\/4542"}],"up":[{"embeddable":true,"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/pages\/96"}],"wp:attachment":[{"href":"https:\/\/blog.zhdk.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}