Shulou(Shulou.com)06/03 Report--

This article mainly shows you "what are the common skills in front-end development". The content is simple and clear. I hope it can help you solve your doubts. Let the editor lead you to study and learn the article "what are the common skills in front-end development?"

1. How to display the date on the right in the article title list:

The code is as follows:

2010-10-10@Mr.Think this is the title of the article

Then define the span right float:

P span {float:right}

In fact, this method can be extended to many cases, a very practical way of writing.

In the 2.web standard, there can be only one H2 tag on the same page. Many people know this concept, but they do very little.

3. The problem of white space overlaying each other: it is generally avoided by adding transparent borders or 1px inner margins. Detailed interpretation: https://www.yisu.com/css/28157.html

Max/min-width/height implementation under 4.ie6, _ width: _ expression (this.width > 600,600? "600px": true);, height.

5.html/class/id, it is best to write in lowercase, so that it is more rigorous (in line with the xhtml standard)

6. The following code is not recommended for compatibility with IE8:

If it is a non-short-term page, try to avoid using it, and the page should be as compatible as possible.

7. Empty div has a default height in IE (not in FF). You can remove the default height by defining: div {witdh:100%; background:#9c0; ling-height:0}

8. When using table tags, you should make use of its own attributes as much as possible, separating the structure from the style as much as possible. Detailed interpretation: https://www.yisu.com/css/28158.html

9. Make full use of the label tags in the form to improve the user experience; this is good for the small option boxes on the page and for people with disabilities to read the site. Details are the first step in the user experience

10.fieldset, legend tag, a little-known but useful set of tags; it can clearly frame a set of elements, mainly for use in forms

The 11.optgroup tag, little known, is very helpful in improving the user experience of the selection form. Effect? That is, you can group options when there are many options:

The code is as follows:

One select

Two select

Three select

Four select

twelve。 All forms have to add a name value, which is a sign, which is different from id. According to what I have found, if the name value is not defined, the form elements cannot be obtained through document.formid in non-IE browsers. Please see the following code and comments:

The code is as follows:

_ window.onload=function () {

Alert (document.mrform.length); / / all browsers will pop up the length of the form element

Alert (document.thinkform.length); / / only IE pops up the length of the form element

}

.

These are all the contents of this article entitled "what are the common skills in front-end development?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.