Hellow guys, Welcome to my website, and you are watching CSS List Styles Tutorial for Beginners. and this vIdeo is uploaded by Dave Gray at 2022-03-22T06:00:21-07:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | CSS List Styles Tutorial for Beginners |
| Video Uploader | Video From Dave Gray |
| Upload Date | This Video Uploaded At 22-03-2022 09:00:21 |
| Video Discription | Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn CSS List Styles in this tutorial for beginners. Styling HTML lists with CSS can add impact to your HTML content. You will learn how to style lists with list-style-type and many other useful properties. ๐ฉ Subscribe โ https://bit.ly/3nGHmNn ๐ This lesson is part of a CSS for Beginners tutorial series playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Mx9fd9elt80G1bPcySmWit ๐ All Resources for this CSS Tutorial Series: https://github.com/gitdagray/css_course ๐ฌ Course Updates โ https://courses.davegray.codes/ CSS List Styles Tutorial for Beginners (00:00) Intro (00:05) Welcome (00:26) Setup (02:21) list-style-type (04:27) Useful HTML attributes (05:32) Removing list item styles (05:53) The unordered list (06:10) list-style-position (07:10) List items inherit typography (07:43) list-style-image (08:33) list-style shorthand (09:38) List item styles (10:25) nth-child pseudo-class (11:21) ::marker pseudo-element (15:10) One more helpful HTML attribute โ Web Dev Tools: ๐ Chrome Browser: https://www.google.com/chrome/ ๐ Visual Studio Code (VS Code): https://code.visualstudio.com/ ๐ Live Server VS Code Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer ๐ vscode-icons VS Code Extension: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons ๐ Github Themes VS Code Extension: https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme ๐ W3C CSS Validator: https://jigsaw.w3.org/css-validator/ ๐ Specificity Calculator: https://specificity.keegan.st/ ๐ References: ๐ MDN CSS: https://developer.mozilla.org/en-US/docs/Web/CSS ๐ MDN CSS Basics: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics ๐ MDN CSS Selectors: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors ๐ MDN - How to Apply Colors to HTML Elements with CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/color ๐ MDN - CSS Values and Units: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units ๐ MDN - The Box Model: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model ๐ MDN - Styling Lists: https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists ๐ Typography Resources: ๐ MDN: Fundamental Text and Font Styling - https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals ๐ CSSFontStack.com: Websafe Fonts - https://www.cssfontstack.com/ ๐ MDN: Styling Links - https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals ๐ Color Resources: ๐ Coolors Contrast Checker: https://coolors.co/contrast-checker/112a46-acc8e5 ๐ WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ ๐ Coolors Palette Generator: https://coolors.co/ ๐ HTML Color Codes: https://htmlcolorcodes.com/ โ Follow Me: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Blog: https://yesdavidgray.com Reddit: https://www.reddit.com/user/DaveOnEleven Was this tutorial about how to style HTML lists with CSS helpful? If so, please share. Let me know your thoughts in the comments. #css #lists #styles |
| Category | Education |
| Tags | CSS List Styles | css | css3 | list styles | styling lists | styling lists with css | html lists | unordered lists | ordered lists | css tutorial for beginners | css tutorial | beginners css | css for beginners | beginners tutorial css | list-style-type | list-style | list-style-image | list-style-position | css list items | html list items | html | how to remove list bullet points | css list settings | css list properties | styling css lists | style html lists | html css lists | lists html css | css ul li |
