I feel like a picture, so I put it here:
Pre {font-family:; width: 420px; Border: 3px solid red;/* for IE */filter: progid: DXImageTransform. microsoft. matrix (sizingmethod = "auto expand", M11 = 1, M12 =-0.4, m21 = 0.4, m22 = 1);/* For Firefox */-
I have updated my blog in an event, mainly because my work was a little busy during this time, and I am helping a friend in my spare time, so I didn't get in touch with new things. When I got online today, an old colleague (the master I just got out
The CSS box model specifies how the element content, padding, border, and padding are processed by the element box. 1. CSS box model Overview
The inmost part of the element box is the actual content, and the content is directly surrounded by
The positioning attribute allows you to locate elements. 1. CSS positioning and floating
CSS provides some attributes for positioning and floating. With these attributes, you can create a columnar layout that overlaps one part of the layout with
CSS declaration method
There are three methods to declare CSS:
I. Basic Declaration: the most typical CSS declaration method.If element {property: Value} is expressed in Chinese, that isComponent (TAG) {property name: Set Value}For example:H3
When I was developing a color picker yesterday, I wanted to locate the ecliper in a pop-up box. So I used the position: absolute attribute. Obtains the position of the clicked element. The method for obtaining its position is to use $ (this). offset
Backgroundbackground-colorbackground-attachmentbackground-imagebackground-positionbackground-position-xbackground-position-ybackground-repeat
Set the background color (such as red): Background-color: red; or background: red;
-Maximum width/height
IE6 cannot read the max-width and max-height attributes, but ie supports its own JavaScript attribute expression,For exampleDiv {width: expression (250 + "PX")} And Div {widt: 250px}
It is consistent in IE's read!
However,
Target = "_ blank" id = "moveuser"> bind an account
It mainly specifies the size of the block.
Then, use the background-position attribute x y.
X indicates the number of truncated data from the left side. The value 0 indicates a negative number.
The following is a brief introduction to one of the most important aspects of CSS! The important attribute summarizes the following two points from the author's practice:
1. It is used to solve IE's deviation from some CSS specifications.
For
Original article from: a list apart Author: Sergio javasarrealOnestab [2004.02.28] "... If there is a technology that uses CSS to flexibly add shadows to any block-level element, and can automatically expand with the size of the content, but also
1. class selector
class selector Class = "one" > Class selector 1 Class = "two" > Class selector 2 Class = "three" > Class selector 3 Class = "two" > H3 is also applicable
2. Mark Selector
comparison between class selector and tag
What is this?
The Z-index attribute determines the level of HTML elements. The element level is relative to the position of the element on the Z axis (in contrast to the Y axis of the X axis. A higher Z-index value means that the element is closer
ArticleDirectory
Benefits of this CSS technique
Basic Concepts
Ie png hack
Appearance
Jquery Solution
#1. Simple Gallery
# 1b. Mini icon
#2. Images with text
# 2B. Pop-up text
#3. Mini paper clips
#4. Cork
Do you know what CSS reset is? In general, it is also written as reset CSS, that is, resetting the style of the browser. In various browsers, some default values are used for CSS selectors. For example, if H1 is not set, a certain size is displayed.
IE8 (IE8 in the following section only represents IE8 beta1) adds the substring matching attribute selector (substring matching attribute selectors) in css3. The specific rules are similar to those in Regular Expressions:
E [ATT ^ = 'val'] //
Header: Header
Content: content/Container
End: footer
Navigation: nav
Sidebar: sidebar
Column: Column
Overall Layout width of the page peripheral control: wrapper
Left right center
Logon entry: loginbar
Logo: logo
Advertisement: banner
Page subject:
Recently, a Sharepoint 2010 project found that after the English and Japanese language packs are installed, the system returns an exception when selecting the alternate language in the language settings of the website settings, websites that contain
Today, a reader asks about the effect of switching an image when making the mouse over. This effect is also called a roll-over effect ). Originally, most of these effects were implemented using Javascript. In fact, CSS can be easily used for making
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