First, CSS commonly used font properties
1. Font settings
Fonts are set by the Font-family property in the CSS.
Font-family: "Bold";
2. Size of the font
Use Font-size to set the size of the text font-size:16px; PX is a unit of length, 1px means
CSS () method has a variety of uses, we first understand the CSS () method basic knowledge.
The CSS () method sets or returns one or more style properties of the selected element.
Back to CSS PropertiesTo return the value of the specified CSS
Web page production specification using DIV+CSS naming rules, can improve the efficiency of optimization, especially when team cooperation can provide cooperation in the production of efficient, specific div CSS naming rules css naming encyclopedia
Today share a 3D button that is implemented with a pure CSS.
CSS clever use of box-shadow to achieve the three-dimensional 3D objects, when the button is pressed to modify the Box-shadow and top values.
It feels like there's a button that's being
JavaScript has a Preventdefault method that cancels the default action for an event since it is available. For example, cancel open the link, select text or drag and drop.
Event.preventdefault ()This method notifies the Web browser not to perform
Understanding Photoshop (PS) CSS Chettu required tools
Adobe Photoshop is usually called PS.
div CSS Prerequisite cut diagram Tool PS screenshot
Most of the understanding of Photoshop is limited to "a good image editing software", do not know
Taobao web pages use import, while many websites use link. Of course, some websites with relatively simple pages and high traffic directly write CSS in html code? What are their differences? Is it better to use import or link for css? I learned
When a block element that defines the width is filled with only English letters or numbers, both IE and FF support large containers and will not automatically wrap.In addition, when a number or an English character carries a Chinese character, it
Parse CSS list style attributes list-styleThe list-style attribute can be frequently used in list-item objects on pages, but it is rarely used. Generally, it is almost OK to reset the entire page to none. Many people may not know the details of the
Vertical-align definitionAt first, I thought that vertical-align, like text-align, is the center alignment of non-block elements inside the container, ~~ I got it wrong.From the w3c official explanation of vertical-align attributes, vertical-align
Definition and usageThe letter-spacing attribute adds or removes spaces (character spacing) between characters ).This attribute defines how much space is inserted between text character boxes. Because the font is usually narrower than its character
You can easily understand the origin position, that is, the background-position in the upper left corner of the block element indicates that the offset origin of the image and the coordinate origin is not dynamic, the X coordinate of the image is
The code for commenting on the involved conditions is as follows: The code is as follows:Copy code The usage instructions are as follows: The code is as follows:Copy code . Test {/* For non-ie browsers */}. Ie. test {/* Style
Ie and ff are different. If you want to block it successfully in ie, you must add a background to the upper-layer label; otherwise, the background is invalid. If you do not add a background to ff Plus, you can.A. showdetaillnk {position: absolute;
If you use the traditional method to make this flip menu, you need to cut the image into at least 10 blocks, add JS code, and add behavior on the image button. Now it is fully implemented using CSS, you only need one image, as shown in the following
· 1. align the two ends of the text: text-align: justify; text-justify: inter-ideograph;· 2. fixed width Chinese character truncation: overflow: hidden; text-overflow: ellipsis; white-space: nowrap .) (IE5 or above)· 3. fixed-width Chinese character
I. In-lineIn-row styles use the style attribute directly in html tags. text Set the paragraph text to red.However, remember that the final HTML should be independent and use the presentation document, so the intra-row style should be avoided
CSS Borders borderThe border can be applied to most HTML elements in the body.To create an element border, you need the border-style border style. The values can be: solid, dotted, dashed, double, groove, ridge, inset and outset.Border-width is used
Wildcard characterSyntax: * Note: Select all types of single objects in the document directory tree (DOM.If the wildcard character is not the only component of a single character, "*" can be omitted.Currently, IE5.5 + does not support this selection
Tip: you can modify some code before running Css controls Image transparency codeCSS effectTest result 1 Test result-change angleModify. border-top and. the width value of border-left in perspective-B. The larger the value is,
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