*. TTF or. OTF, applicable to Firefox 3.5, Safari, and opera*. EOT, applicable to Internet Explorer 4.0 +*. SVG, applicable to chrome and iPhoneFor example:@ Font-face {Font-family: 'hanshanditalic ';SRC: URL ('fonts/hanshand-webfont.eot ');SRC: URL
ArticleDirectory
Remarks
Google today released the HTML/CSS code Style Guide (Google html/CSS style guide). In fact, this is not a complete set of development specifications. We can think of it as a simple development suggestion.
Style Properties
The following lists some of the custom style properties that Mozilla supports.
Properties:-moz-appearance
Used to cause an element to take its border, background style and sizeFrom the operating system's theme. This causes XUL
Background
This document describes the page width. The page width is similar to the page height, but there are slight differences. These differences may be important differences in some applications. The page height is the same as that of the page.
Background
This article does not discuss the size and position of common elements, but only the page size and position. to simplify the problem, this article only discusses the distance between height and top. The author found that the page width
CSS center instanceExample 1: vertical center of block-level elements (this is not vertical center because the blog garden originally had a DTD statement, which conflicted with what I added below, you can save the following code locally and add it
The disabled Input Method attribute ime-mode is the latest attribute added in CSS3. More accurately, it is the newly added attribute of CSS Basic User Interface Module Level 3 (CSS3 UI) specification. However, ie supports this attribute from IE5 and
Background: Image-set ()
The image-set in the css4-images specification can achieve Retina screen display, mainly used to solve the design challenges of Apple Retina screen.
In a browser that does not support image-set, it supports
In HTML, there are four methods to introduce CSS: inline, embedded, imported, and linked.1. inline style: Set the CSS style in the marked style attribute. This method does not reflect the advantages of CSS in nature, so it is not recommended.2.
Implementation of Div rounded corners 1. First Use the P tag, and the margin of the first line-spacing Div is a value (assumed as 3px ;);2. The second p tag is located in the next row of the first tag, and the margin from the Div is the first row
pop-up menu DEMOS DEMOS zero dollars wrapping text styled form active focus HOVER/CLICK & gt; HOVER/CLICK & gt; styled form active focus hover/click shadow boxing image map fun
The display: inline-block attribute is often exposed when CSS is used for performance. Whether it's a friend who has been familiar with Web standards or standards for a long time, metropolis is confused and vague about this attribute.
Display:
In the previous example, "Float: left;" is added to the CSS code of the red and blue squares to achieve browser compatibility, so that IE and FF show the same effect, if we want to add a 400 pixel width,The green box with a height of 100, and place
I. Problems with vertical center attributes
Vertical-align is defined vertically in CSS, but can only be used as inline elements.
Ii. Problems with defining vertical center Using Boundary Properties
Using margin: auto 0; the content in the fast
I checked google's html and css code specifications and made a simple record.
1. Omit the http: Or https: part of ur addressWhen referencing style sheet files, script files, images, and other media files, you can do this unless you cannot obtain
Css is hard to say and easy to say. In my opinion, the most important thing is the accumulation of experience. What we call this is that we do not accumulate silicon steps, and there are thousands of miles. This series of articles describe the
What is highly adaptive?
Highly adaptive means that the height can change with the size of the browser window. The height of a typical application is fixed in the top column of some background interfaces and used as the menu bar or navigation bar,
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