This article describes the key to HTML and CSS-the box model (
Box Model ). The key to understanding the box model is the margin and padding attributes. Correct understanding of these two attributes is also the key to learning to use CSS layout.
The famous web design website CSS-tricks.com recently organized a survey to ask 15 top web designers to put their own expectations on CSS, 15 designers including Jon Hicks, Wolfgang bartelme, mint Shaun Inman and stuff and nonsense Andy Clarke.
Introduction: This is a detailed page for making CSS cascading drop-down menus. It introduces PHP, related knowledge, skills, experience, and some PHP source code.
Class = 'pingjiaf' frameborder = '0' src = 'HTTP: //
ArticleDirectory
I. CSS selector hack
Ii. CSS attribute hack
Iii. ie comments
Iv. browser Detection: JS/backend program judgment
5. Personal Recommendation writing
6. A comprehensive list of IE6 +/Firefox/WebKit/opera CSS
Yui compressor is Yahoo! A small tool developed specifically for compressing JavaScript and CSS files. The operating system requires support from the JDK environment. To use this tool, install JDK and configure the environment variables of java_home.
Speaking of font-family in CSS, I believe many friends often use it, but I don't know how to write it when you reference Chinese fonts?Recently, I have paid special attention to the following three types of most commonly used:
1. Direct
In general, the element has the default white-space: normal (automatic line feed, PS: Do not wrap is white-space: nowrap ), when the entered text exceeds the defined width, it will automatically wrap, but when the entered data is a pile of
Why do I write li # first as the ID selector? I. A question?
I have seen an article about CSSArticleFor selectors similar to li # first, because the ID can be used to determine the elements, there is no need to write the preceding Li, simply write
Briefly list the factors to consider when designing navigation menus
1. Full menu navigation based on images means that the font size of the menu cannot be adjusted for the person with amblyopia... In addition, you must create an image each time
Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
Html
Xmlns
= "Http://www.w3.org/1999/xhtml"
>
Head
>
Title > JS + CSS floating layer with
National Day is coming, mobile phone station (http://www.sjjyz.com) home page also want to bring visitors a little joy feeling, so art made two flash respectively on both sides of the web page blank place, at the same time, they want to scroll along
ArticleDirectory
Element background range
Set all background attributes in a declaration.
You can set the following attributes in sequence:
Background-color
Background-Image
Background-repeat
Background-Attachment
When the value of width is a percentage, the length of the element is calculated relative to the parent container.
The better understanding of padding-right and padding-left is also relative to the parent container, but error-prone is
The prompt box with a triangular arrow is shown below:
This is a prompt box
We usually use images to implement the small triangle above, because it is convenient and fast, but if the image processing is not good, it will look like there are
The front-end designer is working again, and there is another troublesome brother, chrome.
@ Media screen and (-WebKit-Min-device-pixel-ratio: 0) {# ABC {margin-left: 500px ;}}
This is only for chrome. Some people say there is another way to write,
Hack quick query table
Suggestion: use the standard browser to write the code. If the compatibility problem occurs, try other methods to solve the problem, and use hack to solve the problem.
The following is a summary of the hack writing
/*************************************** ****************************************/Different browsers, such as Internet Explorer 6, Internet Explorer 7, and Mozilla Firefox, have different understandings of CSS parsing, which leads to different page
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.