DefinitionIe5 and later versions support the use of expressions in CSS to associate CSS attributes with javas alias expressions. the CSS attributes here can be inherent attributes of elements or custom attributes. That is to say, the CSS attribute
There are two DIV . Left{Float: left;Width: 20%;Border: solid 1px red;}
. Right{Float: right;Width: 76%;}
In Firefox, The Right Border CSS settings can only be set with float: Right. in IE, float: Left can be used.After the settings, I found that
How can we make the text look like water, and the picture is like a stone in the water to let the water flow open?
You can use table or Div to set several carriers, but this is definitely not a good choice.ProgramPersonnel.
The IMG float
I have received a question from readers of Yuan mafei today. I think it is more valuable. Many readers may encounter similar problems when studying CSS. So here we will explain in detail.
His problem is:
"I am a CSS-loving reader. I have
CSS compatibility has always been a headache for everyone. IE6, IE7, and FF have been a headache for everyone. Since the official version of IE8 was released, we have been looking for a way to distinguish IE8 from the official version.
1.
CSS compatibility highlights: doctype affects CSS Processing
FF: When Div sets margin-left and margin-Right to auto, it is already centered, and IE is not working.
FF: When you set text-align for the body, you must set margin: auto (mainly
CSS limits the maximum width of the image (this article is from the original site, please note the source for reprint !) When creating a webpage, we often need to limit the width of images that may appear in a region, otherwise it may make the page
1. For example, div {...} adds a style to all .
2. "#": Corresponds to the ID attribute of the tag in HTML, written as # Name . For example, # P1 {...} adds a style to ID is P1 . .
3. The first decimal point ".": corresponds to the
I am not a UI guy. I only have some knowledge about CSS, especially the layout, which is always a headache. When I started feedzshare, I copied a layout from CSS Mastery (proficient in CSS.Css framework simply sums up the commonly used styles in web
I. Use the style attribute
Add the style attribute directly to individual component labels.
For example:The advantage of this usage is that the style can be applied to various labels smartly, but the disadvantage is that there is no "uniformity"
I have heard that CSS is powerful before, and can completely replace htmlTAble,TR,TD (USerINterface. CSS not only avoids nesting in multiple layers of HTMLTCan also significantly reduce the size of webpage files,Make the page
Siente is the United States here mentioned the CSS bar chart implementation method: http://www.cnblogs.com/rubylouvre/archive/2009/08/08/1541914.html
The implementation here is not that complicated. Please referCode
Code
Code highlighting
Div + CSS design IE6, IE7, FF compatibility
Div + CSS web page layout is a trend, and I began to adapt to this trend. However, when using Div + CSS website design, we should note that CSS styles are compatible with different browsers, especially for
Document directory
Making the Association
Restyling for print
There are 10 defined media types:
You can define CSS to control whether the element needs to be displayed during web printing.
For example:@ Media Print
{}{
# Hidebtn {display: None}
Readers of colorandy raised the following question about page layout:
"If there is a footer layer, I want it to appear at the bottom of the entire page without changing the content of the page, what should I do in CSS? For example, it contains some
1. ProCSSor
Whether you copy and paste your code, upload a file, or optimize the URL of the CSS code, ProCSSor can easily handle these tasks for you, you can even choose a simple, beautiful, and great Cleanup mode based on your preferences.
2.
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