Full page caching for HTML pages
[1] configure a Filter on the server to cache js, css, and image.
package cn.com.system.filter;import java.io.IOException;import java.util.Enumeration;import javax.servlet.FilterChain;import
CSS3 target pseudo-class introduction, with the implementation of tab effect as an Example
CSS3 target pseudo-classIs one of the many practical CSS3 features. It is used to match the target element of a flag in the URI of a document (page.
CSS Sprites-reduces the number of HTTP requests to build a high-performance website
When it comes to CSS Sprites, you have to talk about Image Maps similar to the following:
Image MapsIntegrate the images to be referenced in a page into a single
Media type in CSSRole of madia type
First, we need to understand that the HTML pages we usually write may be displayed in different media types, such as on the screen sreen or on the paper print. When the page is displayed in different media types,
Absolute and relative positioning in cssZookeeper
Hierarchical relationship::
To change the effect of the reference object (orange box)Hierarchical relationship::
Conditions where the reference object is the top-level element.Hierarchical
Supports custom icons for pure CSS3 implementations
There are various types of code for drawing cartoons using CSS3 on the Internet! If you can also draw a set of CSS3 icons for your website, you can save the effort to use small images. Although the
After the HTML page is loaded, adjust the height of the (textarea) element according to the content.
If my HTML contains a textarea element, I want to adjust its height based on the content after it is loaded. How can this problem be solved?
1.
The IE series does not support CSS 3 attributes such as rounded corners.
The series of IE Browsers Do not support CSS attributes such as border-radius (border-radius) and CSS3, which is a well-known issue. The FF and Chrome native browsers support
Text overflow: displays ellipsis, and text overflow ellipsis
During the development process, we often encounter text that is too long to exceed the width of the text. At this time, we will consider truncating the text, but only truncating the text
CSS detail set (1)1. When the text and the image are on one line, You need to align the text with the image bottom. You need to write it like this:
1
li> Remember the password img src="" align="bottom" style="margin-bottom:-4px"/>
CSS Hacks in the browser
LZ note: the original author of this article is Paul Irish (Google's front-end development engineer). This article is part of the original article.
I no longer use CSS Hacks. On the contrary, I will use the IE condition
The color value of the image.
Some pictures cannot be opened in earlier versions of IE8 or earlier browsers, but the data such as the file bytes is found to be completely normal through packet capture. It can basically indicate that the file is
Practical development of CSS3: Implement image filter classification display effects with pure CSSFrom the above running results, it is not difficult to find that when I click a menu, the navigation area will highlight the icon of this category,
Html input box verification, input box Verification
JS judgment can only be a number or a decimal point
1. Only numeric code can be entered in the text box (decimal point cannot be entered)
2. Only numbers can be entered, and decimal points can
CSS border shadow effect
CSS border shadow effect
The following uses css to implement the shadow effect, so that you can directly add the code to your friends.
# Shadow1 {Width: 200px;Height: 100px;Color: white;Background-color: red;Box-shadow: 5px-5
CSS achieves proportional scaling of width and heightUsing js to implement a width-adaptive rectangle with the width variation, I believe everyone will. It is nothing more than js to get the element width, and then calculate the height of the
The ellipsis is displayed in excess of the css limit.Explanation: Simply put, I want to limit the text to one line (white-space: nowrap;). It must be a restricted line (width ), in addition, the overflow part should be hidden (overflow: hidden;),
Css bfc haslayout ModelBlock Formatting Context (BFC) provides an independent layout environment. Each BFC complies with the same layout rule. For example, in the same BFC, the box is placed in a row, the spacing between adjacent boxes is determined
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