1. Parent element Definition HeightGhost Eye Evil God BlogGhost Eye Evil God BlogPrinciple: Manually define the height of the parent element to solve the problem of its inability to get the height automatically.Disadvantage: Must be given a precise
CSS operations have an important approach: CSS ()
CSS () has three different syntax to complete their work:
$ (selector). CSS (Name,value)$ (selector). css ({properties})$ (selector). CSS (name)
Return CSS Property use CSS (name) to return the
After reading this article decided to use the third method, actually very want to use JQ, convenient and flexible, consulted a lot of old-timers, learned that JS control dom in performance impact is relatively large, can use CSS and HTML to solve
Many people on the Web page to achieve different links have different colors do not know how to deal with, if you change the properties of a, as if all the color of the link changed.
Four hyperlinks in the state of the corresponding CSS properties:
Maybe you've seen a pixel border problem with the Retina screen, and note that this is a border width rather than a moving element.
What the? Border less than 1px?
Yes, because someone in front of the relevant program and a good variety of
You may often use hover this attribute, with hover to achieve the color change of the mouse and so on, in fact, hover is very powerful.
Share a mouse through, pop-up drop-down menu tips;
When we built a list:
Level menu Level menu Level two
First of all, it is an arbitrary empty tag to use as a small triangle, and the CSS below can be lost: The code is as follows:Copy code . Triangle {Left: 50%;Margin-left:-5px;Width: 5px;Height: 5px;Background: # FAFAFA;Bottom:-4px;Position:
Example The code is as follows:Copy code fixed width in the left column and absolute positioning method in adaptive mode in the right column Left ColumnRight column It looks nice, ..Because the left column uses absolute positioning and is out
General position: fixed; implementation methodTake my blog as an example. The CSS code used by the ... HTML element in the lower right corner is as follows: The code is as follows:Copy code # Top {Position: fixed;Bottom: 0;Right: 20px;} To fix
The fixed floating effect will inevitably produce jitter when dragging, and I still have a good liking for CSS. I found it and found it to the end of the world. It is pure CSS for a closer look, without JS effects, I think it is more streamlined
The principle is simple: Set left and top to 50% to locate the div in the center of the browser, and then set the margin-left and margin-top values to half width and height.To center the div.Add this: The code is as follows:Copy code 1
IE7 has fixed many bugs and added support for some separators, therefore, hack for IE hiding or display, such as * html {} and html> body {}, will expire in IE7. Although CSS Hack is not recommended, it is a foolproof filter, but it can only appear
When an article is displayed in a table or div, if it is a Chinese character, the article will automatically branch according to the width attribute of the table and div, but if it is in English, when the word length exceeds the table or div width,
After the Web standards are applied to create webpages, we usually use ul unordered list tags to build menus. We have discussed many horizontal menus before. In the previous article, we described how to create Korean menus with ul + li and css. is a
Learn web standards over the past few months and follow the standards to design and create web pages. I have always wanted to write something and try to understand my experiences. This article is mainly intended for Chinese typographical design. It
1. Basic syntaxThe definition of CSS consists of three parts: selector, properties, and value ).The basic format is as follows:Selector {property: value}(Selector {property: value })The selector can be in multiple forms. Generally, you need to
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.