Compared to the XPath selector, it's easier to feel a CSS selector, which is basically the same as writing. CSS, which is different from XPath when getting content.
Here's how to extract data from an article with a CSS selectorThe extracted data
Django Add js,css, pictures and other external files method
by White Shinhuata (http://blog.csdn.net/whiterbear) reprint should indicate the source, thank you.
When using Django to build a Web site, you often need to use some external files, such
1. Picture Translucent effect
Implementation of the picture default display is translucent effect, when the mouse moved up to 100% transparency.
① using Css+js to define a class of CSS: #spotlight {filter:light}
and add the following JS code:
Invoke
jQuery css () method
The CSS () method sets or returns one or more style properties for the selected element. return to CSS properties
To return the value of the specified CSS property, use the following syntax:
CSS ("PropertyName");
The following
1, the margin-top of the child container set in Firefox is transferred to the parent container.
When setting Margin-top for Box2, only the parent container is used under FF.
Workaround:
A. Add Overflow:hidden to the parent container box;
CSS Positioning Div Absolute Bottom
Web page Production WEBJX article introduction: The simplicity of CSS is that it is easy to learn, the difficulty of CSS is to find a better solution. In the world of CSS, there seems to be no such
Because the IE to!important recognition exists bug, and now most of the Web page standard designer through this bug to compatible with IE and FF, but ie7.0 this bug to fix, so the problem arises again, how compatible with ie.7.0 and can be
Finally used: Html-css-js prettify solve the problem, I also downloaded the Apanta Studio3, on OSX so ugly IDE really rare ~ ~ ~ Uninstall It sometime
Reference: http://www.cnblogs.com/jiguixin/p/3262125.html
Installing the CSS formatting plugin in
We all know that CSS properties have different priorities in different places, but we can define the highest priority in the CSS definition with!important qualification.
Let me make an example in four cases:
The following is a description in the
rem vs em
As the relative length unit of two, are based on a multiple relationship length, but the reference is not the same, here the case analysis of the difference between the two:1,em reference Multiples object is its own font size, font-size,
The block structure in CSS is similar to a box model, as shown below:
From left to again is margin, border, padding, content, below we will test these several properties separately.
I'm going to do a box model without any modifications:
The code is
You can see triangles in many places: ToolTips, drop-down menus, and even loading loading animations. Whether you like it or not, these small elements are important for the relationship between UI elements.
There are a few different ways to design
First specify the role
Specify what component this is by using. Base , for example:
. BTN indicates that the element is a button,. Progress indicates that the element is assigned a style to a progress bar
Assign a specified style to the component
what is CSS. In the previous article has introduced the preliminary introduction, in detail please see http://blog.csdn.net/u010955843/article/details/41791669.
Div plus CSS to further explain the content of the CSS, first summed up the following
One, what is the box collapsing.
The elements that were supposed to be inside the parent box ran outside.
Two, why the box collapse occurs. When the parent element is not set to a sufficient size, and the child element sets a floating property, the
Static
The default value, the element appears in the normal stream. Default value, so there's nothing to say.relative
Let the element move relative to its starting point by setting the horizontal distance (left/right) or the vertical distance
This article is to share the content of the CSS implementation of the response to the layout of the method, the content is very reference value, I hope to help the need for small partners.
Implementing responsive layouts with CSS
Responsive layout
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