{"id":3670,"date":"2023-07-16T18:49:15","date_gmt":"2023-07-16T18:49:15","guid":{"rendered":"https:\/\/nmi.cool\/advweb\/?page_id=3670"},"modified":"2025-06-19T19:35:52","modified_gmt":"2025-06-19T19:35:52","slug":"lists-links-and-web-fonts","status":"publish","type":"page","link":"https:\/\/nmi.cool\/advweb\/unit-one-html-css\/week-one\/lists-links-and-web-fonts\/","title":{"rendered":"Lists, Links and Web Fonts"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Note!<\/strong><\/h2>\n\n\n\n<p>This short section on styling probably belongs more correctly with the CSS introduction, but it&#8217;s pretty straightforward so we decided to leave it where it is. Plus, it&#8217;s hard to separate html and css anyway, so we might as well take a holistic approach \ud83d\ude42.\u00a0 In other words, please read it and expect a question or two on the quiz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/Styling_text\/Styling_lists\" target=\"_blank\" rel=\"noreferrer noopener\">List styling<\/a><\/h2>\n\n\n\n<p>You should have had some exposure to list styling prior to taking this course, but chances are you will learn something new from this page. Some of this material may be very familiar but give it a quick read anyway. Things to focus on in particular include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Everything under the heading of&nbsp;<strong>List-specific styles<\/strong><\/li>\n\n\n\n<li>Bullet styles and position<\/li>\n\n\n\n<li>Custom bullet images. This section is quite good. Give a thorough read to the section on the use of background images and bullets.<\/li>\n\n\n\n<li>The short section on&nbsp;<strong>controlling list counting&nbsp;<\/strong>is also worthy of your time. Ordered lists can be reversed (rocket launch countdown style), you can start them at a specific value, and\/or set a specific numeric value for each item.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/Styling_text\/Styling_links\" target=\"_blank\" rel=\"noreferrer noopener\">Styling links<\/a><\/h2>\n\n\n\n<p>This section is similar to the link section in 4110 but more thorough. Read through it and be sure that you are clear on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Link states<\/li>\n\n\n\n<li>Link state order for css styling.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/Styling_text\/Web_fonts\" target=\"_blank\" rel=\"noreferrer noopener\">Web Fonts<\/a><\/h2>\n\n\n\n<p>We love web fonts, so expect some questions from this section. Ie. Familiarize yourself with it thoroughly.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Note! This short section on styling probably belongs more correctly with the CSS introduction, but it&#8217;s pretty straightforward so we decided to leave it where it is. Plus, it&#8217;s hard to separate html and css anyway, so we might as well take a holistic approach \ud83d\ude42.\u00a0 In other words, please read it and expect a &hellip; <a href=\"https:\/\/nmi.cool\/advweb\/unit-one-html-css\/week-one\/lists-links-and-web-fonts\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Lists, Links and Web Fonts<\/span><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"parent":3682,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3670","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/comments?post=3670"}],"version-history":[{"count":4,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3670\/revisions"}],"predecessor-version":[{"id":4288,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3670\/revisions\/4288"}],"up":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3682"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/media?parent=3670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}