In the website development, must use the picture, the CSS file, the JS file and so on static file, with the Java EE in by the relative path lookup pattern dissimilarity, in Django, the static file loading, with the template similar, You need to set
Now you want to take a part of the content of the article as a description on the page, as shown in the following illustration:
The data in the red box is part of the content of the article, but the content of the article will be stored in the
Display ellipsis when text overflows in objects
This is an example, in fact we only need to display the following length:
CSS implementation of the page text too long interception ...
The title class should write this:
. title{width:300px;
one, the shape such as ABC independent line set span to fixed width method as follows:
span {width:60px; text-align:center; display:block;}
Actual verification results: IE6 OK, FIREFOX 3 OK.
one, such as ABCDEF format line set span to fixed width
Center horizontally, if you know the width of the element, you can use the
The code is as follows
Copy Code
. cell{width:300px; margin:0 auto; text-align:center;}
If the inline element is centered, then the
inline picture implements CSS SpriteContent Summary: CSS sprite is a Web page image application processing, allows us to integrate the scattered images of the page into a large image, using Background-image to select the sprite picture, width,
Document
Xiaomi Mall MUI M chat Games read more Cloud Services Finance Meters Xiaomi Mall Mobile version > Problem feedback select region Login Register Message Notification Shopping Cart (0) Xiaomi phone &
tab effect presumably everyone in the Web page has noticed that, its advantage is to combine multiple pieces of content into one by one pieces, reduce the content, there is a good example, the use of Css+js complete, personal feeling is good,
Calc () may be a stranger to everyone, and it's unlikely to believe that Calc () is part of the CSS. But it is a part of the CSS3, the following article is mainly about the Calc function in the CSS3 of the relevant information, the text through the
This article mainly describes how to use pure CSS to achieve a coffee machine effect, has a certain reference value, now share to everyone, have the need for friends can refer to
Source code Download
The full source code of the daily Front end
This article mainly introduced about through the CSS animation for the front-end dynamic, has a certain reference value, now share to everyone, the need for friends can refer to
Objective
For simple tweened animations, we can do this by transition
This article mainly introduces the use of SVG and CSS3 to achieve a cool border animation, do not use JavaScript to make the writing process a lot easier, the need for friends can refer to the next
Let's explore a subtle and interesting animated
This article is mainly for you to introduce the concept of CSS3 positioning and floating, as well as example code to explain the use of CSS3 positioning and floating, interested in the small partners can refer to
This article is for you to share
This article mainly describes the use of CSS3 to create a rotation can change the color button, has a certain reference value, now share to everyone, the need for friends can refer to
Want to lead a visitor to another page? It's a good idea to add
This article mainly introduces the CSS changes the mouse for the hand style of the relevant data, very good, with reference value, the need for friends can refer to the next
In a self-setting p or other tab, for a better experience, the mouse will
Four modes of positioning: static,relative,absolute,fixed
Positioning four positions: Left,right,top,bottom
Positioning properties: Position, there are four status values
1.static: Static positioning, arranged in the order of elements in the
First, what is a box:
1. Box model is also called box model, all elements on the page can be regarded as the box
2. The box is the container of the element and the carrier of the element, saying that the box is the home of the element.
Second, the
This article is mainly for you to introduce the CSS3 3D rotating rotate effect example, with a certain reference value, interested in small partners can refer to
In this paper, we share the example of CSS3 3D rotating rotate effect, for your
This article mainly describes the HTML5 input placeholder color modification aspects of knowledge, the need for friends can refer to the following
Chrome supports Input=[type=text] Placeholder text properties, but the following CSS styles do not
In this article, we'll look at some of the new properties of CSS3, which makes it easier to work with grids in HTML and CSS. But first let's talk a little bit about the history of HTML and CSS grids and understand why it was difficult before
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.