What are the html footer application and layout skills?
This article is a detailed introduction to "html footer application and layout skills". The content is detailed, the steps are clear, and the details are properly handled. I hope this article "html footer application and layout skills" can help you solve your doubts. Let's go deeper and learn new knowledge together with the ideas of Xiaobian.
The following CSS5 allows everyone to control nav organizations through three organizational practices:
1), conservative div+ul+li organ navigation style;
2), nav+ul+li organ navigation fancy;
3) Then basically configure class CSS pattern for nav in nav+ul+li layout
Through the above cases, everyone is familiar with nav, which is usually used with ul li or directly for organizing navigation-related organizations, and nav can be used directly to set css or add class or id just like div.
Detailed cases are as follows:
1. Radical div css layout and NAV css construction incomplete HTML source code
Nav Organ Online Demo CSS5
ul,li{ padding:0; margin:0;list-style:none}
。nav{border:1px solid #000; width:510px; overflow:hidden}
。nav li{ line-height:22px; float:left; padding:0 5px;}
。nav li a:hover{ color:#F00}
nav{ border:1px solid #F00; width:520px; overflow:hidden}
nav li{line-height:22px; float:left; padding:0 6px;}
nav li a{ color:#F00}
nav.bg { bac kg round:#CCC}
nav.bg li a{ color:#090}
Traditional div ul li structure navigation bar results
front page
HTML tutorial
Getting Started with HTML
HTML5 Tutorial
CSS tutorial
CSS Getting Started
html5 nav ul li navigation bar does not have nav id and class at the same time set equipment nav li a hyperlink text font color for red words and red box results
front page
HTML tutorial
Getting Started with HTML
HTML5 Tutorial
CSS tutorial
CSS Getting Started
html5 nav ul li organization other plus class=bg configuration backer is gray black, hyperlink text font color is green
front page
HTML tutorial
Getting Started with HTML
HTML5 Tutorial
CSS tutorial
CSS Getting Started
The above uses radical div+ul+li+css to organize the navigation class structure, and then applies nav+ul+li+css layout, and then sets the nav class on the nav base to tamper with its organization contrast effect.
Special note: rough to deal with div css organization, you can see the above code compared to hard, the basic plan is to learn div+css, natural to see the above code will understand the case at a glance shows common sense points, artificial to see the above cases to grasp.
Read here, this article "html footer application and layout skills what" article has been introduced, want to master the knowledge points of this article also need to practice to understand, if you want to know more related content of the article, welcome to pay attention to the industry information channel.
