Basic xml learning notes 01Continue to learn the third step of the classical trilogy: xml, which is just a learning note. It basically records the teacher's explanation and integrates some of his own understandings. It is not original. For original
Background-size attribute in cssValue Type of background-size: one or two values, which can be pixel px, percentage %, auto, or specific value cover or contain.Background-size can be set to 2 values. One value is required and the other value is
Something about CSS-structure pseudo-class selectorSome new selectors added by CSS3, some new methods are added when selecting elements for CSS. Structure pseudo-classes are mainly used to select elements from the structure of the html dom. All
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: highlighted text selected color
Keyword: selection
To personalize the website subject, you can set the highlighted background color of the text.
: Selection {background: # ffb7b7;/* WebKit/Blink Browsers */}:-moz-selection {background: #
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
Simple floating effect on the right bottom of pure CSS implementation, css Implementation of floating
Simple floating effect on the right bottom of pure CSS implementation
We have seen a lot of floating Effects on the right side of the page, such as
CSS detail set (3)1. Display layers on flash
Solution: Set transparency for FLASHOr2. Vertically center a layer in the browser
Solution: use absolute percentage to locate the negative value of the external patch.. Code
{Position: absolute;
Top: 50
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
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,
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
CSS Box ModelThe box model is an important concept in CSS. It is the cornerstone of the CSS visual formatting system. The box model can be used for element locating and webpage layout. According to the CSS box model, each element (whether embedded
Css @ media@ Media of css2
Although the @ media attribute is supported in css2, few functions can be implemented. CSS is defined only when printing is used.Syntax: @ media sMedia {sRules}Note:SMedia: Specify the device name. See Appendix: Device
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