Programmer Group

In the development of websites, we have also encountered a lot of things about display and hiding, which is simple to say. Today, we are free to organize them. display display:none | display:block is the most common way for elements to be explicit and implicit, but there is a problem with this method. The display attributes of elements are ...

1. Preface, read a lot of wheel seeder code; but in mind, always think about whether there is a simple way to achieve the same effect. Search this (the link below), bright in front of you, then start to practice improvement. The main work, or the first paragraph of the article, "if there is a picture in the middle interval, then in the exe ...

Reprinted from: http://www.jianshu.com/p/0e2a67cde03d Label label 1. concept: The HTML < label > element represents the title of the project in the user interface. It usually associates a control, either by placing it in a label element or by using it as an attribute. This control is called labeled for the label element ...

Panoramic virtual walkthrough actually sees many examples, such as panoramas on maps, panoramas on campus, panoramas of companies that were previously popular in the circle of friends. But really think of to study or realize, is a few days ago that there may be such a need for work. Awareness comes too late and curiosity is not enough. Why did ...

Sticky footer is to keep the footer part of the page at the bottom of the browser window. When the page content is long enough to exceed the viewing height of the browser, the footer will be pushed to the bottom of the page with the content, but if the page content is not long enough, the footer will remain at the bottom of the browser win ...

CSS3 box-shadow property description: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow: The distance of horizontal offset of shadow, greater than 0 means right offset, less than 0 means left offset, equal to zero equals no horizontal offset. This parameter is necessary. v-shadow: The distance of shadow vertical migration, ...

In the layout, the problem of horizontal and vertical centering is often encountered, so I collected several commonly used methods of horizontal and vertical centering ~convenient for myself to find the answer, but also convenient for everyone to find! 1. Making use of margin negative value Main CSS code: position: absolute left: 50%; ...

1. Black-and-white images This code will make your color photos appear as black-and-white photos, is it cool? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);} 2. Use: not() to apply / cancel the application bor ...

Work for more than a year, found that bloggers do not write much, in line with the principle of sharing, this year has also accumulated some knowledge, I hope you less trample pits, of course, trampling pits is not necessarily a bad thing, it is a growth. Front-end production considerations: Browser compatibility, IE7, Google, Firefox, 360, ...

css3 elastic layout and multi-column layout Flexible Box is the flexible layout of the box model in css3, which adds a lot of flexibility to the traditional layout. Elastic box foundation Define an elastic box Define the display attribute on the parent box: #box{ display: -webkit-flex; //Compatibility settings for webkit kernel ...