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

This article mainly introduces "what are the web front-end intern interview questions". In the daily operation, I believe many people have doubts about the web front-end intern interview questions. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the questions of "what are the web front-end intern interview questions?" Next, please follow the editor to study!

First, fill it out patiently! (4 points per space, a total of 24 points)

1. To set classes an and b for div, you should write HTML code _.

two。 Set the value of the CSS property clear to _ both_ to clear the floats on the left and right sides.

3. _ li_ tags must be directly nested in ul and ol.

4. The CSS attribute _ margin_ sets an external patch for the element.

5. The element can be unfloated when the value of the CSS property float is set to _ _ none_.

6. The CSS code with text centered is _ text-align:center_.

Second, choose carefully! (4 points for each question, 16 points in total)

1. After which of the following styles are defined, inline (non-block) elements can define width and height (C)

A. Display:inline B. Display:none C. Display:block D. Display:inheric

two。 Choose the method you think is most reasonable to define the title (C)

a. Article title

b.

Article title

c. Article title

d. Article title

3. The semantic meaning of br tag in XHTML is (A).

a. Line break B. Emphasize C. Paragraph D. Title

4. No line wrapping must be set (AC)

A.word-break B.letter-spacing C.white-space D.word-spacing

5. When using table to represent data, sometimes it will show a wider width than you actually set, so which of the following attribute values (AD) need to be set for this?

A. cellpadding= "0" B. padding:0 C. margin:0 D. cellspacing= "0"

Third, judge whether it is right or wrong! (4 points for each question, 24 points in total)

1. The CSS property font-style is used to set the weight of the font. (×)

2. The CSS property overflow is used to set whether the scroll bar is hidden or displayed when the element exceeds its width. (√)

3. When styles are not involved, the preferential display of page elements is independent of the order in which the structure is placed. (×)

4. When styles are not involved, the preferential display of page elements has nothing to do with the selection of tags. (√)

5. Display:inline is compatible with all browsers. (√)

6. Input belongs to form elements, and its hierarchical display is higher than flash and other elements. (×)

Think about it carefully, you must be a wise man in life! (9 points for each question, 36 points in total)

1. Write out the html structure of ul, ol, and dl lists.

A:

two。 Abbreviate the following CSS code, making sure that it conforms to the abbreviation specification.

A) Code I:

Border-width:1px; border-color:#000; border-style:solid

B) Code II:

Background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; background-color:#f00; background-image:url (background.gif)

C) Code III:

Font-style:italic; font-family: "Lucida Grande", sans-serif; font-size:1em; font-weight:bold; font-variant:small-caps; line-height:140%

D) Code IV:

List-style-position:inside; list-style-type:square; list-style-image:url (image.gif)

E) Code V:

Margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px

F) Code VI

Color:#336699; color:#ffcc00

A:

Code 1: border:1px # 000 solid

Code 2: background: # f00 url (background.gif) no-repeat fixed 00

Code 3: font:italic bold small-caps 1emamp 140% "lucida Grande", sans-serif

Code 4: list-style: url (image.gif) square inside

Code 5: margin:20px 20px 5px 20px

Code 6: color:#369;color:#fc0

3. Modify the following code to make it more structured and in line with W3C standards. (XHTML 1.0 Strict)

Code:

Don't buy these electronics used Money may be tight, but you may kick yourself for purchasing these electronics secondhand. Even when the price is low, the risk may be too high.

Home content

A:

Don't buy these electronics used

Money may be tight, but you may kick yourself for purchasing these electronics secondhand.

Even when the price is low, the risk may be too high.

Home content

4. This paper briefly describes the difference between border:none and border:0, and gives some suggestions for use.

Answer: border:none means no border style, and border:0 indicates that the width of the border is 0. When border:none is defined, the display of the frame is hidden, which actually means that the width of the border is 0.

When defining a border, you must define the display style of the border. Because the default style of the border is not to display none, only the width of the border is set, and because the style does not exist, the width of the border is automatically set to 0. 0.

Fifth, the courage to fight so that you can surpass others for extra points! (not limited to one method, a total of 30 points)

Use the method of refactoring to create a red cross with a short edge of 50px and a long edge of 150px in the middle of the following figure.

The cross.

Request:

1. Done with 2 div

two。 Done with 3 div

3. Done with 5 div

Answer:

1. Done with 2 div

2 DIV # heng,#shu {left:50%;top:50%;position:absolute; background-color:#f00;} # shu {width:50px;height:150px;margin-left:-25px;margin-top:-75px;} # heng {width:150px;height:50px;margin-left:-75px;margin-top:-25px;background-color:#f00;}

two。 Done with 3 div

.main {width:150px; height:150px; top:50%; left:50%; position:absolute; margin:-75px 00-75px; border:2px # F00 solid;} .heng {width:150px; height:50px; background:#F00; margin-top:50px;} .shu {width:50px; height:150px; background:#F00; margin-left:50px; margin-top:-100px;/*margin upper boundary overlay * /} 3 DIV

3. Done with 5 div

5 DIV (www.hemin.cn) # top,#middle,#left,#right,#bottom {height:50px;width:50px;position:absolute;top:50%;left:50%;} # top {margin:-75px 00-25pxbot backgroundfrog F00;} # middle {margin:-25px 00-25pxTrachetBackgroundRod 00F;} # left {margin:-25px 00-75pxShiBackgroundRod 00F;} # right {margin:-25px 00 25pxbackgroundPhantom 0F0 } # bottom {margin:25px 00-25px;} at this point, the study of "what are the interview questions for interns at the front end of web?" is over. I hope I can solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.