This article brings to you the content is about the CSS font (font) in the different attributes of the introduction, there is a certain reference value, there is a need for friends to refer to, I hope you have some help.
Shorthand Order: style-variant-weight-size/line-height-family
eg
P{font:italic bold 12px/30px Geo
1. Introduction to font-related CSS properties (1) font-family: Font family.font-familyYou can save multiple font names as a "fallback" system. If the browser does not support the first font, it will try the next one. The browser
Common CSS font attributes (more text hidden, or displayed in the form of ellipsis), background styles, and two uncommon attributes of the background image: background-origin and background-clip,
(1) Common font attributes:
Font-weight: attribute value 100-900 400 equals normal 700 equals bold. The larger the val
Transferred from: http://blog.csdn.net/shenzhennba/article/details/73560951. Font properties mainly include the following:font-family (font family): "Arial", "Times New Roman", "Song Body", "bold" and so on;Font-style (font style): normal (normal), italic (italic), or oblique (italic);
Border-box (starting from the outer edge of the border) Padding-box (from the inner edge of the border) Content-box (starting from the text content area )background-size: Background image size General 2 properties: Width height, when there is only one property value, the default is width, height, etc. than zoomthe wording of the width and height: a. Directly write pixel b. Write percentage (percentage of p
Today morning meeting, product requirements to the previous 12px font to a smaller, I thought it was difficult, just casually agreed. Do not know, when changing the CSS, Google browser font-size less than 12px, the font will not be reduced. My first reaction was whether the
Font use is an integral part of web design. A Web page is a vector of text, and we want to use a particular font in a Web page, but the font is not a built-in font for the main operating system, so users may not see the real design when they browse the page.The most common way for artists to do this is to make a pictur
We have spent a lot of time learning HTML, CSS, JS in these four months, and we often use this property in CSS:. Div1{border-left-width:1px;border-left-style:solid;border-left-color: #ddd;}. div2{padding-top:3px;padding-right:4px;padding-bottom:5px;padding-left:6px;}. div3{background-position:111px 222px;background-image:url (image.png); background-repeat:no-repeat; Background-color: #cfc;}And we can merge
=650; "src=" Http://s2.51cto.com/wyfs02/M00/77/5D/wKioL1ZmvVXh6nPsAAAi0Tsotf8252.png "style=" float: none; "title=" Image 8.png "alt=" Wkiol1zmvvxh6npsaaai0tsotf8252.png "/>650) this.width=650; "src=" Http://s3.51cto.com/wyfs02/M01/77/5E/wKiom1ZmvOaQM-eMAAAihjObZF4878.png "style=" float: none; "title=" Image 9.png "alt=" Wkiom1zmvoaqm-emaaaihjobzf4878.png "/>3. Not conducive to maintaining the new icon has to modify the whole diagram, sometimes in order to ensure that a certain type of area, you
Css short for vertical-align background font
1. vertical-align: sub (subscript) | super (superscript) | 5px (move up) |-5px (move down) | top | bottom | text-top | middle2. background Image position: background-position: Portrait (top | center | bottom) horizontal (left | center | right ); // Note: to use this css, you must first set the background to background-
the text overflow in what way display, to achieve overflow when the effect of ellipsis, you must also define the force text in a row (white-space:nowrap) and overflow content is hidden (Overflow:hidden), This is the only way to achieve an overflow text display ellipsis effect, the code is as follows:
Text-overflow:ellipsis; Overflow:hidden; White-space:nowrap;
At the same time, word-wrap can also be used to set the text behavior if the current line exceeds the bounds of the specified container.
The font units in CSS are mainly px, EM, and Rem. where PX is a pixel, it is a font length that is relative to the display's heading resolution. In general, the default font size in the browser is 16px. Where EM is relative to the font
Font stylefont-family Setting the font nameFont-size setting the size of a fontFont-style Setting font style Normal default value. The browser displays a standard font style. The Italic browser displays an italic
First look at the IE, Firefox, Google Browser under the various font display situationIE under:Under Firefox:Google under:From the above figure can be clearly seen Google under the CSS settings font size 12px and below, the display is the same size, are the default 12px;Then
Compared with the traditional picture background, the use of CSS to construct background color can not only reduce the cost of network transmission, but also because of the control of its size is favored by developers.If the designer has designed a background image as the title background, 5.18 shows. For users who browse the Web with a computer, the title basically does not have the phenomenon of folding,
We accidentally discovered that when the font and line-height attributes are applied to the same HTML Tag in CSS at the same time, we had to be careful. The writing sequence of the two is different, which may lead to different display effects.
That is:
>>> If you write font first and then line-height, the result is normal.
>>> If line-height is first written and
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.