MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

CSS: Styling Navigation

Course Summary

Use CSS to create elegant menus, links, and buttons that help visitors navigate your site faster and more intuitively.     

  • +

    Course Syllabus

       What you should know before watching this course 
       Using the exercise files 
    1. Structuring Navigation
       Organizing menus with lists 
       Ensuring accessibility 
       Using the nav element 
       Creating block-level links 
       Lab: Structuring navigation 
       Solution: Structuring navigation 
    2. Link Styling Basics
       Exploring link style considerations 
       Using global link styles 
       Styling link states 
       Indicating external links 
       Styling image links 
    3. Creating a Vertical Menu
       Stripping default list styling 
       Defining link dimensions 
       Setting link styling 
       Aligning links vertically 
       Controlling link spacing 
       Styling menus with borders 
       Creating rollovers 
       Restricting link styling 
       Lab: Creating a vertical menu 
       Solution: Creating a vertical menu 
    4. Creating Horizontal Menus
       Stripping list styling 
       Displaying links horizontally 
       Clearing floats 
       Controlling link sizing and spacing 
       Styling links 
       Creating rollovers 
       Indicating current pages 
       Controlling cursor states 
       Lab: Creating horizontal menus 
       Solution: Creating horizontal menus 
    5. Dropdown Menus
       Overview of dropdown menus 
       Structuring submenus 
       Styling submenus 
       Creating submenu rollovers 
       Positioning submenus 
       Controlling submenu display 
       Creating persistent hover states 
       Animating menus with CSS transitions 
       Lab: Dropdown menus 
       Solution: Dropdown menus 
    6. Enhancing Navigation with CSS
       Creating CSS-only buttons 
       Creating special effects for buttons 
       Enhancing buttons with gradients 
       Overview of CSS sprites 
       Using CSS sprites for icons 
       Styling block-level links 
       Lab: Enhancing navigation with CSS 
       Solution: Enhancing navigation with CSS 
       Additional resources 


Course Fee:
USD 25

Course Type:


Course Status:



6 - 7 hours / week

This course is listed under Development & Implementations Community

Related Posts:

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top