1. The two div elements arranged up and down. The above div setting margin-bottom: 130px; div disposed below margin-top: 50px; then the distance between these two is ()
A 180px
B 130px
C 50px
D 80px
correct answer: B
Analytical:
BFC predetermined logical layout. Value belong to a margin between two adjacent sub-bfc inside the vertical element to be set according to the maximum
2. The style of the mouse is a hand-type attributes ()
A Crosshair
B Hand
C pointer
D Move
correct answer: C
Analytical:
the Cursor: pointer
pointer is compatible attribute values. hand property values in the high version of the browser is not resolved
3. Pictures gap bug solution is? ()
A precise setting for the img width and height of
B parent element to add overflow: hidden
C parent element to float: left;
D img set to display: block;
the correct answer: D
Analysis:
problems img tag: default in the picture lower, and IMG as text, it generates a pixel pitch of about 3 below. So turn the picture into a block element to solve this problem
4. Which of the following border element without default: ()
A the fieldset
B Table
C INPUT
D with borders not
correct answer: B
Analytical:
HTML element, there is a default border fieldset, input, textarea, select, iframe , etc.
The sub-element elastic properties are reduced scale? ()
A-Flex Small
B Big Flex-
C-Flex Shrink
D-Flex Grow
correct answer: C
Analytical:
Flex-Small: no such properties, flex-big: no such properties, flex-shrink: the elastic sub-elements reduction ratio, flex-grow: the ratio of the remaining space occupied subelement
6. The following description of the properties of the order is correct? ()
A smaller value, the arrangement of the front
larger value B are arranged more forward
C order can change the order of the HTML structure
D described above are incorrect
correct Answer: A
resolution:
the smaller the value, the more forward arrangement
7.align-items disposed an elastic element cartridge side shaft center attribute value that? ()
A Stretch
B flex-end
C Center
D-Flex Start
correct answer: C
Analytical:
Stretch side shaft stretching, the border start position side shaft cassette flex-end elastic elements (vertical axis) against the live line the border-side shaft end, center box the elastic element to be centered on the line side of the axis (longitudinal axis), the border start position side shaft flex-start box elastic elements (vertical axis) abut against the side of the shaft line starting border
8.flex-direction are arranged laterally disposed sub-element property is ()
A Row
B Row rerse-
C column
D-column Reverse
correct Answer: A
parsing:
Row arranged laterally, row-reverse laterally reversed longitudinally aligned column, column-reverse flip vertically aligned
9.rgba color model a representation of what? ()
A represents A tone
B a represents a saturation
C a represents the luminance
D a represents transparency
correct answer: D
Analytical:
A represents transparency
10. The value of the property does not belong Background-clip is? ()
A border-Box
B-Box padding
C Content-Box
D-Box margin
correct answer: D
Analytical:
margin Box-
background-Clip attribute specifies a drawing area background
11. Shadow properties box? ()
A Shadow text-
B-Shadow Box
C Shadow Box-
D-Shadow text
correct answer: B
Analytical:
Box-Shadow
12. From the page optimization perspective, img tag is essential attributes ()
A Alt
B tiltle
C the src
D above are
correct Answer: A
Resolution:
Note that the page is optimized angle
13. The cell heading ()
A <title></title>
B <th></th>
C <caption></caption>
D <tr></tr>
correct answer: C
CSS page layout is built using the XHTML tag ()?
A
B
C
D
正确答案: B
解析:
div常用的布局标签
What kernel 15.IE browser using? ()
A Trident
B the Gecko
C Presto
D the Webkit
correct Answer: A
16. With regard to the form of data packets labels statement is correct ()?
A <thead><tbody><tfoot>represent header, main data table, end of the table
B <thead>must contain <th>header tag
C <thead>, and <tfoot>tag can contain a row of data
D <thead><tbody><tfoot>by the rows, it is generally not contain <tr>tags
correctly Answer: A
17. The following properties are incorrect wording: ()?
Padding A: -10px;
B padding: 10px;
C margin: 10px
D margin: -10px;
correct answer: A
padding no negative
18. The following description is correct ()? <style type="text/css"> #menu{font-size:14px;} </style>
A menu is a tag selector
B menu is an element selector
C menu selector is a class
D menu ID selector is
the correct answer: D
19. In HTML, the following () does not belong to an essential part of an HTML document?
A <head></head>
B <body></body>
C <html></html>
D <style></style>
The correct answer: D
20. The following about HTML among common basic label statement is correct
A HTML providing a total of six titles, <h1>font minimum <h6>size maximum
B paragraph tag <p>may contain multiple lines of text, the text content with the window size of the browser wrap
C horizon label <br/>role is to make the layout more clear and intuitive
D label <em>……</em>'s role is to make the font bold and italics
correct answer: B
parse:
HTML provided a total of six titles, <h1>字号最大，<h6>字号最小
the horizontal label <hr/>
tag <em>……</em>effect is to make the font italic and not bold
21. The following attributes which are the form of spacing attributes merged cells
A cellspacing
B cellpadding
C rowspan
D colspan
correct answer: A
: parsing
the spacing between the cell and the cell cellspacing
gap between the cell content cellpadding
rowspan merging unit number of grid lines
colspan merged cell columns
22. In HTML, create forms used in Web pages
A the INPUT
B the SELECT
C table
D form
the correct answer: D
parsing:
form form field
input, select for the form element
table to table tags
23. introduced inside css HTML style sheet using
A style
B P
C Link
D strong
correct Answer: A
Resolution:
internal style sheet syntax
<style type="text/css">
</style>
24. The following css attributes, is used to specify the background image
A background-Color
B Image background-
C background-position
D-REPEAT background
correct answer: B
Analytical:
background Color-background color attributes,
background-add background Image attributes,
background position-location attribute set background image,
background REPEAT-set tile properties. Gu Option B
25. The following paragraphs about HTML tags are wrong to say
A paragraph tag <p></p>can appear in pairs, it may also appear alone on the page.
B a paragraph may comprise a line of text
C a paragraph can contain multiple lines of text
D if a paragraph contains multiple lines of text, text will vary with the size of the browser window wrap
correct Answer: A
parsing:
P tag conventional markers, must be paired
26. One of the id div content, set its width of 200 pixels and a height of 100 pixels, and left floating in a Web page, the following options is correct?
{#Content width A: 200px; height: 100px; a float: left;}
B {#content width: 100px; height: 200px; Clear: left;}
C #content {width: 200px; height: 100; Clear: left; }
D {#content width: 100px; height: 200px; float: left;}
correct answer: a
parsing:
ID is # syntax, width height width height of the float floating
27. With regard to background and the statement is correct img
A background image and img, are up space in the web page
display needs B background image displayed in the area based on its elements
C and background are all on the page img style rendering
D img tags in a page and background are not occupy the space of
the correct answer: B
Analysis:
background belong css style, img belong to html structure.
28. In HTML, the TYPE attribute value to the form input elements why, for creating a reset button
A the SET
B the RESET
C text
D the Button
correct answer: B
Analysis:
<input type="reset" />Reset button
30. The following options () can set the right outside the pages of a label from the 10 pixels?
Margin A: 0 10px;
B margin: 10px 0 0 0;
C margin: 10px 0 0 0px;
D padding-right: 10px;
correct answer: C
Second, multiple choice (a total of 20 items, each of 2 points)
Score: 0
1. The form validation h5 new attributes ()
A the href
B AutoComplete
C Action
D NOVALIDATE
correct answer: B, D
resolved:
h5 New by attributes:
AutoComplete
The autofocus
form
form The overrides (FormAction, formenctype, formmethod, The formnovalidate, formtarget)
height and width
List
min, max, and STEP
Multiple
pattern (regexp)
placeholder
required
2. The hatched box on the right argument is ()
A shadow within a shadow may be added, just add attribute values to inset
B is the size of the shadow does not account for the physical location
C is the size of the shadow account the physical location
D to add shadows are css3 property, is not compatible with the older versions of the browser
the correct answer: a, B, D
Analysis:
because the size of the shadow that does not account for the physical location, so the error term C
3. The following statement is correct about the elastic layout is ()
A elastic layout What browsers are compatible with the
B elastic layout is ideal for writing mobile terminal
C elastic layout belong css2 version of
D resilient element can only affect the parent child elements, the elements can not affect all future generations
The correct answer: B, D
Analysis:
elastic layout belong css3 only compatible high version of the browser
4. About page optimization approach is correct ()
A structure with separate style
B try to use plain text when writing a hyperlink, do not use image maps link
C Try not to use plain text when writing a hyperlink, use image maps link
D the larger the picture more clear, all the better picture
correct answer: A, B
analysis:
optimization page requires agencies keep separate text style hyperlinks search engines like image size the more modest best to open the page, the slower the greater
5. With regard to the background statement is correct ()
A CSS3 may be provided a plurality of background
B is a background attribute css2 size of
one C belonging to the background gradient
D css3 background display area may be provided
the correct answer: A, C, D
parse :
ACD
Attribute value of the attribute which 6.overflow ()
A hidden
B visible
C Scroll
D Auto
correct answer: A, B, C, D
Analysis:
attribute values are attribute overflow: hidden, visible, scroll, auto ; select A, B , C, D
7. Which of the following elements are replaced with the element ()
A INPUT
B A
C span
D IMG
correct answer: A, D
Analysis:
substitution element itself elements typically have an inherent element size (width, height, aspect ratio), and the display is inline-block, input and display the attribute value img are inline-block, selected from the group a, D
score: 0
use which 8. z-index with the following active junction ()
a position: Absolute
B position: Fixed
C position : static
D position: relative
correct answer: a, B, D
Analysis:
attribute value of a total of four positioning position, position: absolute, absolute positioning, position: fixed, fixed positioning, position: relative relative positioning may be provided z- index property
9. The following is not pseudo-element selectors option is ()
A: First-Letter
B: hover
C: Focus
D: Link
correct answer: B, C, D
resolved:
the CSS2 pseudo elements we previously seen :: first- line,: first-letter,: before,: after; then in CSS3, he carried on pseudo-element some adjustments, increased in the past on the basis of a ":" which is now turned into a ":: first- letter, :: first-line, :: before, :: after " in addition, he also added a" :: selection ", the title did not ask pseudo-element selectors, so I chose to BCD.
10. The following options for alternative description of the elements is correct ()
A element itself has inherent size, width, height, aspect ratio
B have a border with
the specific display content C according to the browser attributes element to determine the elements
D Element It will show content directly to the end user
the correct answer: a, C
Resolution:
replace element is the browser based on tags and attributes of the element to determine the specific elements of the display. Replace element is an element whose contents are not CSS visual formatting model control, also known as replacement element, the browser will display these elements by tag type and attributes of the element. Alternatively the element is generated also in its display frame. Therefore, replacement of the element typically has its inherent dimensions: a width inherent, intrinsic a height ratio and an inherent e.g. img, input, textarea, select, object elements are replaced, the selection AC
Score: 0
11. The following option, the syntax is correct ()
a div: After {Content: "XXX"}
B div: before {Content: URL (./ IMG / 1.jpg)}
C div: {First the display-Letter: Block;}
D div :: active {color: # f00}
correct answer: a, B, C
Analysis:
: after use with the content property, defined in the Summary of the object if the content of the object image may not require the introduction of double quotes.
: used in conjunction with the content property before, in the context of pre-defined objects, if the content of the object pictures can be introduced without adding double quotes.
: first-letter character pattern defined within a first object NOTE: This element can be used only dummy block elements
: first-line form of the first row within the definition of an object, Note: only the dummy element for the block elements, the following versions ie6 browser does not support pseudo object selectors, CSS2 pseudo-elements we've seen before :: first-line,: first- letter,: before,: after; then in CSS3, he was certain of pseudo-elements adjustment, increased in the past on the basis of a ":" which is now turned into a ":: first-letter, :: first -line, :: before, :: after" in addition, he also added a ":: selection ". Option D, active is a pseudo class selector
pseudo class selector only a colon, colon absence of double writing. So the final answer is ABC.
12. The following attributes belonging css control text font, or are:
A a float
B margin
C Color
D font-weight
correct answer: C, D
parsed:
Color Text Color text bold font-weight
13. The elements belonging to the table are
A Table
B HR
C SELECT
D TR
correct answer: A, D
Analysis:
14. The following may be provided in case the content attributes
A text-Transform
B-Word spacing
C indent text-
D-font Variant
correct answer: A, D
Analysis:
Css selector 15. The following priorities are correct
A ID: 0100
B class: 0001
C Tag Selector: 0010
D class: 0010
correct answer: A, D
Analysis:
16. The following are input tag attributes
A name
B Selected
C rows
D value
correct answer: A, D
Analysis:
17. The <a>pseudo-class selector does not include
A A: Link
B A: onfouce
C A: visited
D A: the onclick
correct answer: B, D
Analysis:
18. With regard to the priority statement is correct style sheet
A is directly defined on the highest level marks css style
B followed internal style sheet
C Waibuyangshibiao lowest level
D with a selector, setting style, the same set of properties , attribute value function after setting the
correct answer: a, D
Analysis:
stylesheet priority
score: 2
wherein elements which block 19. ()
a can set the width and height
B is generally used as a container
C this element a line by wrapping
the D default may be other labels displayed one by one in a row
correct answer: a, B, C
Analysis:
lump elements are: can set the width and height, is generally used as a container, before the element monopolize line, word wrap; selecting A, B, C
20. The following code
A * {padding: 0; margin: 0;}
B {IMG overflow: hidden;}
C {IMG a float: left}
D IMG html code does not wrap
the correct answer : C, D
Analysis:
default img case where the display attribute value inline (inline-block); the distance between two images generated
solution:
a picture element block is then added to turn the floating
exists between the image back car keys