[Original] website HTML, XHTML, XML, WML, CSS and other language test and verification tools
1. Online website language test and check websites:
HTML and XHTML test check site: http://validator.w3.org/or http://www.htmlhelp.com/tools/validator/
Very short .. But it is very important.
Browser priority: FF
Take the "# Demo" style as an example;
# Demo
{
Width
:
100px
;
Height
:
100px
;
Border
:
1px blue solid \ 0
}/* Executed by Firefox, IE6, and IE7 .*/
*
The following are some of the skills summarized in my work. I hope they will be useful to anyone who can see them ~~
1, UL: the default ul margin and padding values are not 0. If the left floating Li is used in the navigation, the external div
child
PS:
Http://www.w3school.com.cn/htmldom/dom_obj_style.asp of HTML Dom style object
For details about how to directly change the style, refer to the above link.
A PHP parsing error occurs when the smarty template engine is applied in the project today. It is mainly located in the CSS section, and the error is shown as "uncaughtException 'smartycompilerexception' with message' syntax error inTemplate ".
CSS style of HR in Firefox
When the following CSS is used for definition, it works well in IE, but in Firefox, the effect is not ideal. When it is basically possible, the dotted line is not dotted and looks a little rough and looks like a dotted
What is Em?
Em indicates the font height. The default font height of any browser is 16 PX. Therefore, the unadjusted browsers all match: 1em = 16px. Then 12px = 0.75em, 10px = 0.625em. To simplify font-size conversion, you must declare font-size = 6
Document directory
Table or table list control elements are often present in some readers
CSS
box-shadowThe characteristics of the production effect or the light effect
Description: Elements (Elements)BoxDisplays the effect of shadow or shadow.
Tonight, when I moved the last demo to the end of the setup, I found that CSS could not be referenced. I thought about it for more than half a day and found that it was a user. aspx is rewritten to user/user by me. when aspx occurs, the directory
If the visibility is set to hidden in the style of the DIV, The DIV is hidden, but it occupies blank space. If it is set to display: none, it does not occupy blank space;Visible = "false" means that DIV is not returned in HTML; The following is the
Today, as the user's display grows, the 1024*768 fixed-width layout is becoming increasingly out of date. For large screen users, the blank white spaces on both sides give people the first impression of serious screen waste. As a web designer, you
In the process of cooperation, we often encounter such problems. The style CSS made by others should be retained and added by ourselves.
Then, I added it and found it was not covered by others, but it was covered by others.
We can solve this problem
For front-end web development, it is inevitable to deploy and beautify the web pages. Do you have to worry about Div and CSS? Labels, attributes, and styles, I never wanted to deal with static page designers, but it turned into a terrible nightmare,
1. style sheets can be referenced in four ways, where number 4 has the highest priority.
Browser default settings
External style sheet
Internal style sheet (inside the label)
Inline style (inside the HTML element)
Therefore, inline styles
1. CSS background attributes (background)
Attribute
Description
CSS
Background
Set all background attributes in a declaration.
1
Background-Attachment
Set whether the background image is fixed or scrolled
Code
Right
Text or image is moved to the right of the parent element.
-->
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->
in the following section, the image floats to the right
Document directory
CSS code
HTML code
CSS code
HTML code
cssbbs image + text list CSS website layout (second edition) This book describes a typical example of applying CSS to website layout design and Reconstruction Based on Web
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