Scroll bar1. Set overflow content overflow (set whether the set object displays a scroll bar)Settings for overflow-x horizontal content OverflowSettings for overflow-y vertical content OverflowThe values of the preceding three attributes are visible
This
Code Small Business Starter Kit from Ms
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~ *
Tree View Control
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~ */
. Treeview{Border-bottom: 1px dotted # b2b2b2!
In actual project development, the most possible layout method we use is floating layout. In fact, there is also an absolute positioning of the layout.
In web page technology, we can regard the plane as a piece of paper, and the lattice we need
I. Let's look at two examples.
1. XHTML
Code
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
Body
>
Div
Class
= "Relative"
>
Span
Class
= "Absolute"
>
Test
Details determine success or failure. The more you focus on details, the more perfect your work will be.
1. Parent and Child selector (Better understanding of combinations)
The parent-child selector can have multiple levels (but it cannot
[Original] webpart references. CSS files and. js files
Yesterday, I suddenly had an idea: Could webpart reference CSS files and JS files, and then I could hardly see such information on the Internet, but it was not solved; I just got a book
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
Document directory
Difference between different browsers, CSS hack writing:
How to Write CSS hack
For example, to distinguish IE6 from Firefox, you can write as follows:
I saw red in IE6 and green in Firefox.
[XML]View plaincopy
I saw
CSS hack is a remedy that can be used only when the standard CSS is not compatible with the display effect of each browser. Before the browser vendors reach an agreement on CSS resolution, we can only use this method to complete such a task.
During
It is a practical method to change the table border style with CSS.
Production method:Copy the following code to ~ , this is to hide the bottom border hide
Copy the following code to ~ , this is to hide the upper border hide the upper border
The color code is as follows:
Brown brown red orange yellow
Green green blue purple gray
White white black olive stone grey Lime
Navy blue nave maroon purple red fuchsia silver siver water aqna
This is the color that supports the HTML
In IE6, the position: Fixed bug should be an old problem. However, it took me a lot of time to write the back button (always flashing) for the waterfall stream plug-in today. I have also written an article to solve this problem, but I used CSS
Many people have gradually become accustomed to using CSS layout in an all-round way and try to separate presentation from content. However, in the process of getting used to it, you may encounter various difficult problems. One of my experiences is:
Http://www.51css.net/html_css/div_css/2516.html
This article describes common browser bugs, focusing on IE browser bugs, common CSS hack and CSS comments, reduce unnecessary troubles in daily Div CSS layout;This article is from www.51css.net.
Read
How does CSS align the DIV layer horizontally? Today, CSS is a very tricky problem. Div itself does not define its own center attribute. Many Methods on the Internet are to use the upper-level text-align: center then nest a div layer to solve the
1. Special
First, let's take a look at the situation that will happen in this example:
1. Grape {color: Blue ;}2 H1 {color: red ;}3 meerkat central
If both H1 and. Grape match the H1 element above, which one should be used? Practice has
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,
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.