Position: absolute. This is absolute positioning;
Is relative to the browser positioning.
For example, position: absolute; left: 20px; top: 80px; the container is always located at the position 20px left of the browser and 80 PX away from the
Font usage is an indispensable part of web design. A webpage is the carrier of text. We hope to use a specific font on the webpage, but this font is not a built-in font of the non-mainstream operating system, in this way, users may not see the real
Even a CSS Guru will inevitably write CSSCodeOr, any code is like this. Small errors often cause major problems, and waste a lot of time debugging and troubleshooting. Check the following 10 small mistakes that are easily made in the CSS web page
Now let me know the answers from Hax.
Theoretically, Src expresses that the content of this element will be replaced as a whole. Such as IMG, script, and IFRAME.
In HTML 2, the src attribute is extended to all elements. For example:
Href
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
CSS background control
Background Color
AvailableBackground-colorSet the background color for the element. This property accepts any valid color value.
This rule sets the background of an element to Gray:
Code highlighting produced by
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
I encountered this problem yesterday and it is difficult to solve it.After checking the garden, some other brothers answered this question, but I still don't think it is clear. Here I will summarize it for you.For example
1
Link
Href
=
Differences between selector types in CSS styles
In css styles, there are three selector types: "class", "tag", "advanced", and "class". One style can change the other style of "class, a style of "class" can also change a style of "label. 2.
Attribute selectors, you may not be unfamiliar with the attribute selector. In essence, ID and class selector are actually attribute selectors, only the ID or class value is selected.
The format of the attribute selector is element followed by
CSS pre-processor technology has been very mature, and more pre-processor CSS frameworks have emerged. This article introduces the three most common CSS Preprocessor frameworks, sass, less CSS, and stylus.
First, let's briefly introduce what a CSS
In CSS, we can use the following style to automatically truncate the text in the DIV element after it is too long and end with a ellipsis:
Overflow: hidden; Word-break: normal; text-overflow: ellipsis;
Text-overflow: ellipsis is a key style that
Syntax: ...
By using the mobile property marquee, you can not only dance your text, but also apply it to images, tables, and so on.
welcome to science and technology Youth Learning Channel!
Direction = left, indicating the direction. The text
This template is a layout template of the left and right columns. It is no longer the most basic building framework, and more block structures are also made, if this structure is met, you can use it directly (most of my websites use this structure, ^
The implementation of the rounded corner box with pure CSS is a bad event. I have also written two summary articles.ArticleWhy is there another article like this. In our previous projects, corner boxes are often implemented using background images.
The CSS box model is a professional term. But you should not be scared by it, but it is just the application of some basic CSS attributes. CSS Box Model
WebpageDesignEach element in is a rectangular box.How to accurately calculate the size of the
During webpage creation, we often encounter min/max-width and min/max-height under IE6, which is one of the biggest headaches for web designers, the following methods can solve these problems and are relatively simple. Of course, if you still have a
1. Do not use a small image for background tile. This is why many people do not need 1px. Images with a width of 1 px and a height of 200 PX are tiled out, which requires 200*40,000 = times to occupy resources.2. No border. The recommended method is
In settingsBackground-ImageAttribute, there are many attributes
1. Background: URL ("image path") [no-Repeat];
Background: URL ("../images/up.jpg") No-Repeat; indicates that images are not repeatedly displayed.
2. Background-Position
Version:
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