How JavaScript calls CSS properties.
1. JavaScript gets the style in the inline style
(1), margin, width, leftObj.style.marginObj.style.widthObj.style.left(2), Font-size,
Transferred from: http://blog.csdn.net/dante_k7/article/details/4605650
One problem today is that the width and Height properties do not work when you set a fixed width. Causes a background picture background:transparent URL to not display
The method of DIV+CSS two-column adaptive height-htmer
Content 1
Contents 1 Right content 2 Right content 3
Description: In fact, to solve the div+css about two columns height adaptive method is to pay attention to two points: first, the
Folding menu file 2-1&L t;/span> Documentation 2-1-1 Document 2-1-2 file 2-2 Menu 2-2-1 Menu 2-2-2 2-3 < ;ul> Menu 2-3-1 < ; a href= "#" > Menu 2-3-2
The -9999 PX Image replacement technology has been popular for the best part of a decade. To replace a text element and an image, you can use the following code:
this Text is replaced
The background of the element is displayed and its text is
The existence of less is mainly used to solve the problem of CSS, including inconvenient to maintain the extension, not conducive to reuse, because CSS is a non-procedural language, no variables, functions, scopes and other concepts, and less on the
1. Preface
jquery provides several ways to manipulate the CSS styles of DOM elements, including direct access to and modification of the class property values of DOM elements, as well as access to and modification of CSS property values in DOM
clear the drop-down arrow style for select in CSS
Select {/*chrome and Firefox inside the border is not the same, so a carbon copy */Border:solid 1px #000;
/* Key: Clear the Default Select selection box style */Appearance:none;-moz-appearance:none;
Overview: Css Sticky Footer
If the page content is not long enough, the footer block is pasted at the bottom of the window, and if the content is long enough, the footer block is pushed down by the content.
Implementation method:
Css Sticky
1. Black and white images
This code will make your color photos appear as black and white photos, is not very cool.
img.desaturate {
Filter:grayscale (100%);
-webkit-filter:grayscale (100%);
-moz-filter:grayscale (100%);
1. Change the page all
2. Eliminate links on the page dashed box3. Using CSS custom attribute expression to bulk define table row interval background4. Control the alignment of the tableDefine a pseudo-class in CSS:.
CSS three ways to achieve rounded cornersThe following code is given directly:
The first type:
The second type:
css Fillet Effect
no picture to implement the rounded box
The third type:
This is
The use of text-overflow:ellipsis to overflow text display ellipsis has two advantages, one is not through the program to limit the number of words, the second is conducive to SEO. You need to use a list of article headings that display ellipses for
ie double margin bug, declared in the current style, _display:inline, this style only works in IE, the margin value disappears. IE does not know a:link, that is, a:link{color:red} has no effect, can be written directly a{color:red} and a:like{} have
When designing a Web page layout, there is often a large display of content Jumbotron as the name implies, the component can increase the size of the caption and add more margin (margin) to the contents of the landing page. Source can be seen: if
This article to share the content is about how to solve the problem of TD too long? CSS implementation will be fixed width table open (text), the content is very detailed, the need for friends can refer to, hope can help you.
Workaround:
Add a
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