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

This article mainly introduces the Css technology selector application parsing and coding problems how to solve the relevant knowledge, the content is detailed and easy to understand, simple and fast operation, has a certain reference value, I believe that after reading this Css technology selector application parsing and coding problems how to solve the article will have a harvest, let's take a look at it.

1. ID selector and class selector priority

ID selector priority

2. Coding problems in CSS files

1) either delete it. The default is the editor's code.

2) some browsers do not recognize it and add ";" after the code.

3. Whether the attributes and styles are correct

The intuitive way is to save the run and see if it is correct; if not

1) try boldly

2) it is absolutely right to find the corresponding tag and extract the inline style into an embedded or outer chain.

4. Locate the origin:

1) all elements are displayed in BODY, so the origin of body is the top left corner (0pxPower0px)

2) if other elements are placed in the container, the top left corner of the container is the origin of the container.

3) the location of the label in BODY relative to BODY is the upper left corner of the label relative to the XMagne y coordinate of the origin of BODY.

Background setting and box model

1. Width (width) height (height) degree setting:

1. The difference between inline elements and block elements

The width height setting is not valid for some inline elements; pictures and tables are valid; more pictures are used in the web page, it is recommended to control the width and height of the picture in order to control the size of the display content (the picture will be scaled, it is best to set it in proportion, otherwise it will be deformed).

2. Specify pixels and percentage

In general, the inline style needs to set the unit of width, such as pixel px (pixel); set the width to a percentage to fix the width, such as block element DIV, the width is not set to 100%, the height is 0px (or the height of the content), and the label content with a wide height fixed by unit value will not be displayed in the container.

2. Background (background):

Background color Background-color

Background image background-image:url (picture path); repeat horizontally and vertically by default

Url: the uniform resource locator, which is the address of the resource.

Note that the outer chain style should not use the picture background as much as possible. If you want to use it, you can use the server root directory to locate.

Repeat background background-repeat: no-repeat repeat-x repeat-y

Background adsorption background-attachment:scroll (default, scrolling with object) fixed (fixed)

Asfasdfasdfsadfdsfa

Background location background-position:top center bottom left right x y (for locating the background of a picture, the container does not move the background image! ), such as the background positioning of a picture

Background-size:cover can stretch the background image, but IE8 or above is required!

This is the end of the article on "how to solve the application parsing and coding problems of Css technology selector". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to solve the application parsing and coding problems of Css technology selector". If you want to learn more knowledge, you are 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.