Study Notes 1, caffe Study Notes 1

Study Notes 1, caffe Study Notes 1

1. background-clip: border-box default/padding-box/content-box; the background is cropped to the border/padding/content area, and css3 attribute. The Compatibility Statement is as follows:

-Webkit-background-clip: padding-box;-moz-background-clip: padding; background-clip: padding-box;

Ii. Sprite.

CSS Split, the Chinese name CSS Sprite. Simply put, you can place many small images on the same big image through background positioning to reduce the number of HTTP requests and accelerate the website. Two technologies are required to achieve this: 1. CSS technology

Background: # color url (# image_src) # left # top # repeat; parameter description: # color: The color of the image is not displayed. If it is transparent, leave it blank. # image_src: background Image address # left: horizontal offset of the image # top: vertical offset of the image # repeat: when the container is larger than the image size, the background extension method is 2. position of the PS synthetic image ===================== example: When the PS creates a large image, the position of the image is) then CSS should write background: url (".. /background.png ") 10px 20px no-repeat;

3,

Min-width: 160px; _ width: 160px; minimum width and height.

IV,

-Webkit-box-shadow: 0 5px 10px rgba (0.2, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba (, 0 ); box-shadow: 0 5px 10px rgba (0.2, 0,); shadow method.

5. Placing JavaScript at the end of the document can speed up page loading.