Front-end questions, front-end questions

Source: Internet
Author: User

Front-end questions, front-end questions

I wrote it by myself. Please advise me more.

1. What are intra-row elements and block-level elements? What are the elements in the row you know and what are the block-level elements? What is the CSS box model (which can be described by text or images )?

Block elements: <div>, <address> <table> <form>

Line Element: <input> <br> <span> <select> <small> <I> <B> <label>

The block element occupies an exclusive row, and its width automatically fills the width of the parent element.

An element in a row does not exclusive to a row. The elements in the adjacent row are arranged in the same row. The line breaks only when the row does not fit. The width of the line varies with the content of the element. Width and height can be set for block elements, but the element in the row is not.

 

2. What labels are added to HTML5? Please write at least five. What are the new features of CSS3? Please write at least three?

New Tag: <video> <section> <aside> <nav> <time> <url> <date>

New feature: the @ font-face feature can be used to load font styles and server fonts. Text-overflow: There are two values, clip and ellipsis.

Text-decoration: Text-fill-color: text fill color, Text-stroke-color: Text border fill color, color transparency, rounded corner: border-radius, gradient: background-image; shadow of elements and text: text-shadow; Box Model of CSS3


3. Please write out several mainstream browser names and their kernels on the market. What are your common debugging tools and development tools, and briefly describe the reasons for using them?

Chrome and safari are webKit kernels,

IE: Trident

Firefox: Gecko

Dual-core UC Browser: trident and webkit

360 The Security browser uses the trident kernel, and 360 The rapid browser uses the dual kernel, webkit and trident;

Baidu Browser: uses the IE Kernel

QQ Browser: IE Kernel

Sogou Browser: dual-core Browser

 

 

4. How many methods do you know to introduce css style sheets on the page? What are the differences between the Link label and import methods for introducing style sheets?

<Link rel = "stylesheet" type = "text/css" href = "*. css">

<style type="text/css">                      <!--                         @import "*.css"                      -->                       </style>


5. What are CSS Selection Characters? Which attributes can be inherited? Which of the following is the highest priority for inner and important?

Wildcard selection character *, Type Selection character, attribute selection character, including selection character, sub-object selection character, ID selection character, class selection character, selection character group, pseudo class and pseudo object selector.

It can inherit from font-size, font-family, and color.

Not inherited: border, padding, margin, background-color


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.