Styling lists


show more Styling lists provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Styling lists

>> As we talked about earlier with headings the default appearance of certain HTML elements can deter people from using them correctly. If your not using real list because you need custom image bullets or other unique styles. It doesn't take much CSS to do that formatting and keep your HTML clean and semantic. Let's change the appearance of the list we created in the last movie. If you are using the exercise files then the name of the page is visitors.html and its located in the 04 11 folder inside the chapter four exercise files.

Let's create a new CSS file by clicking on the new CSS rule button at the bottom of the CSS panel. In the new CSS rule dialog box choose tag as the selector type. In the Tag Select menu click on the arrow and scroll down the list to choose UL, this will make the rule affect all unordered list on the page. Keep this document only selected in the define in option, then click okay.

The CSS rule dialog box appears lets start with some very simple styles f...

Styling lists
Video duration: 7m 15s 6h 9m Appropriate for all

Viewers:

Styling lists provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

Subject:
Web
Author:
please wait ...