Recently, Div, UL, and CSS are everywhere. My colleagues make a summary. It's good. The post is here.
1. UL labels have list-style and padding by default under ff, and IE has margin by default. the most suitable method is UL {list-style: none;
Original article: efficiently rendering CSS I admit that I don't often think about this ......What is the efficiency of CSS we write? What is the speed of browser rendering? This should be something that browser developers should be concerned
1. Firefox and chrome textarea solve automatic stretching
textarea { resize: none;}
Ii. In IE7, and other labels after the float attribute is added, no rows are arranged with the text.
display mode: list mode thumbnail mode
To better understand CSS, especially CSS rendering in IE, haslayout is a concept that needs to be completely cleared. Most ie display errors are due to haslayout.
What is haslayout?
Haslayout is an internal component of the Windows Internet
A few days ago, I wrote a tab control with the following style:
I used CSS to describe this style. The HTML and CSS code is as follows:
file Edit View site compile Tool
ul{border-bottom:solid 1px #999999;border-left:solid 1
textarea-like effect implemented by CSS and --> and --> This is implemented using Div! Terms and Conditions General servicing resistor video computer element trancoder der prototype analog solution mainframe network. Solution video debugged
Solid line:
Vertical Line:
Dotted Line:
Double Line:
Stereo:
Gradually become transparent on the left:
Gradually become transparent on the right:
Style:
The Code is as follows:
Use the labelBasic: Width specifies the length of a line,
There is a long-standing problem. Some time ago, when we made CSS + Div layout, we found that it was very easy to center an element horizontally. Margin: 0 auto; however, there is no feasible solution to achieve vertical center. The following are
We must have noticed that does not scroll cyclically, so there are many alternative scripts, or IFRAME or JS output . No matter how it is done, it is a little troublesome. The following is a simple implementation concept: A container demo that sets
During the front-end development interview last week, we encountered such a written test question, with three columns of layout. The middle content is preferentially loaded, and the DIV width on both sides is PX.
First, I thought of the method:
2010-5-21
1. Line-Height: The Row Height. It is the height between a text row and a line. The baseline distance between two lines of text. So what is a baseline? That is, if the text is underlined, the underline position is the baseline of the text.
Some time ago with the art to do a system when using Visual studio2005, the page is gb2312 code, while the art side of the CSS style is the UTF-8 code. As a result, many styles cannot be correctly displayed.
Today, I met the CSS style downloaded
From: http://www.wangzhengdong.com/blog/ie6-ie7-ie8-firefox-chrome-safari-css-hack.html
Today, when I sorted out the CSS of my website, I found that my website was distorted under Firefox. At this time, I am in a hurry.
I found a lot of
1. Use background images to achieve high self-adaptability.This method is a visual deception, but the height of the layout element is not equal. The principle is to include highly-adaptive blocks (such as a and B) in a container C and provide a
Document directory
Box Size
Border (Border)
Outline
Background)
Font
List Style
Border-radius (rounded corner radius)
One of the efficient CSS writing methods is to use shorthand. You can use abbreviations to make your CSS files smaller
[Reprinted, archived, and available for future reference]
Due to compatibility issues between browsers, when creating web pages, in order to make the pages display relatively consistent in different browsers; so I summarized the hack between several
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