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
CSS expressions (CSS expression) is a very powerful method that allows you to dynamically set attributes on a page, but it has poor compatibility and also has a terrible weakness;
You can use a function expression in Javascript in CSS expressions.
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
Although not recommended, it is useful in IE only environments. Some CSS hack are missing, but they still cannot.
Background-position-X (Set the horizontal background (X axis) Position)
Background-position-y :(Set the vertical (Y-axis)
Which of the following methods is usually used to offset the font?
(1)Use text-indent:-9999px;
However, he has a limitation that he only applies to block-level element blocks.And sometimes we want to offset the font on.So the question comes.Text-
The translucent effect sometimes adds a lot of color to the page, especially when Vista is prevalent, the translucent effect is more respected. Among the many image formats that can be used for Web browsing, only PNG and GIF formats can achieve
A template is a set that can be reused in many places.CodeFile, with little or no modification required. However, the boilerplates we are talking about here can usually serve as a solid foundation for your project. In addition, this is a good place
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
The list background color alternate effect is achieved with pure CSS, and a mouse is appended to the color. in fact, this was an effect written in. At that time, my blog was also called bluebird's sky. Now there is only a local shell, and all domain
There are many ways to present numbers. The most common method is to make a static image, but you can also consider CSS. CSS-style elements can be used to form data charts, which makes data control more flexible.
Next, you will see eight CSS
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
The blank bilateral margin is a CSS feature that is very easy to misunderstand. It is not a CSS bug, but it will cause a lot of trouble if we misunderstand it.First look at the following demoCode:
!
Doctype
Html
>
Html
>
Today, the IFRAME adaptive height is used in the project.
It is depressing that the IFRAME adaptive height cannot be achieved through a variety of adaptive height methods on the Internet.
After testing, the height of the obtained iframe src page
(1)Use text-indent:-9999px;
However, he has a limitation that he only applies to block-level element blocks.And sometimes we want to offset the font on.So the question comes.Text-indent:-9999px; although easy to useIf a is converted into a block,
Text attributes
CSS version
Compatibility
Inheritance
Description
Text-indent
Css1
Ie4 +, ns4 +
Yes
Retrieve or set the indentation of text in an object
Text-Overflow
IE private attributes
ArticleDirectory
Align text with the middle of the image
Align text with top image
Align text with the bottom of the image
It is often necessary to align the pictures and texts in a row. Although a lot of information has taken
Positioning has always been a difficult point in Web standard applications. If you cannot clearly identify it, the effects that should be achieved may not be achieved, and the effects may be different. If the positioning principle is clarified, the
Coffeescript + HTML5 + less is a new combination. It seems that less is easier to win. Try sugar first.
Less so small thing, unexpectedly to overturn the wall, it is really not rational, simply unreasonable, No matter so much first, then look at
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.