This is a very simple application, but in the design, this can reduce the pressure on the server, is the number of requests decreased, is a good way.
In particular, in this small picture, even two pictures in fact, the response time is not much
scripting House div+css implemented sliding door menu effects Scripting House [2007-05-16] scripting House jb51 . NET, Web design, website production building, CSS Learning, web standardization Network programming [2007
Finally thank Raozou to share the effect code!
-
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Description: This code does not have a document type and namespace declaration, I have tried, if
It's not like you're using display:lnline. Why is it different from span?
What's even weirder is that there's no difference in FF execution.
xxx xxx xxx xxx I was without the interval of Great Hutia, dig hahaha
[Ctrl + A full selection
Do not know whether the home has encountered such a situation: in the CSS control picture size, if the width of the picture to write dead, such as img{width:500px;}, if the width of the picture is greater than 500px can be very good control it does
The benefits are:
Compatible with Ie,firefox,opera;
Good for content integrity, SEO friendly;
No background program processing;
The length to be intercepted can be adjusted at the front desk.
A bad place:
Cannot automatically determine the length
Oneself with a symbol to replace, but found how to display are relatively small, and then my own research to find that my fonts are all defined as Tahoma, as long as the use of "song body" on the normal.
--design by Script house Script
selector:first-letter {font-size:2.5em; font-family: "_gb2312 in italics"; font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; Color: #c00;}
If you don't think it's clear, here's a little bit of a story:
First, there is a
We can analyze the subtle differences in one piece of code:
How many methods can we use to index this text box object in IE browser? (For the sake of differentiation, we set the name and ID to a different value)
1. Odemo
2. Demoform.odemo
3.
In the next, summed up a few HTML coding elements, I hope to show you:
1. The size of the text itself is not compatible. The same is the font-size:14px text, in different browsers occupy the space is not the same, ie under the actual account of 16px,
Today saw the vibration of the order of the list of an article, feel very good. Write an example:
Type value
Build Style
Sequence examples
A
Capital
A, B, C, D, E
A
lowercase letters
A, B,
Write this effect and be familiar with the following:
1, the relative positioning of the absolute positioning;
2, CSS for browser HACK;
3, understand several border, and can realize the change, and add the border, the width and height of the
css table 1px border Cell-script home Scripting House scripting House & lt;/td> Scripting House scripting House scripting House Scripting House scripting House scripting House Script House
[Ctrl + A full
"There is no attribute target for this element (in this HTML version)"
Originally in html4.01/xhtml1.0/xhtml1.1 strict doctype, target= "_blank", target= "_self" and so on are not valid syntax, we can only be adapted through JavaScript.
A friend
Easy to make site navigation bar is
CSSA field that truly reveals its unique capabilities. The old way of making a navigation bar tends to rely on a large number of images, nested tables, and JavaScript scripts – all of which can seriously affect
Solution Solutions
The best way to display submenus in a navigation system is to create a sub-list in a list. This two-level navigation bar is easy to understand – even if the browser doesn't support CSS.
To produce a multilevel navigation bar, we
The first is the effect from 360: The normal a mark of the page, compatibility is good. Green Style
Demo Code:
Total 1678 Reviews 12345...168 [Next] >>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to
1. Break down your style
For small projects, divide the code into pieces and give comments by page structure or page content before writing the code. For example, you can continue to work by dividing the global style, layout, font style, forms,
We have listed more than 10 related knowledge and attention points, we can systematically explore, let us write a Web page open more smoothly.
Please do not tell me, you can not read E, but you do not want to see!!!
1. How the style system breaks
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