This article mainly introduces the CSS3 Box-shadow Shadow (outer Shadow and outer glow), through the five Tests through the picture to show the different positions of the shadow different effects, the need for friends can refer to the next
Basic
two CSS3 properties used: Box-shadow, transform, basic syntax:
Box-shadow
box-shadow:5px 2px 6px #000;Values are left-to-right: Shadow horizontal offset value (positive value right, negative value left), Shadow vertical offset value (positive
Basic notes:
outer shadow:box-shadow:x axis y-axis Rpx color;
Property Descriptions (in order): Shadow's X-axis (negative values can be used) Shadow's y-axis (negative values can be used) shadow blur value (size) Shade color
inner
To the big beauty to explain Min-width, found that the property is not like, loaded forced failure (ಥ_ಥ) has been crying blind,
Max-height,max-height Here I do not do the discussion, believe that if you understand the smart min-height,min-width,
This article mainly introduces the detailed CSS clear floating float seven common methods of summary and compatibility processing, very practical value, the need for friends can refer to the next
We need to understand two important definitions
This article mainly introduces the use of CSS3 to make tilt navigation bar and glass effect, the need for friends can refer to the following
The navigation bar is not a stranger to every web front-end siege lion, but the glass may be relatively
Text Layout – Fonts
We can use CSS styles to set style attributes such as font, font size, color, and so on for text in a Web page. Let's take a look at an example where the following code is implemented: set the font for text in a Web page to
Today in the work encountered a very embarrassing problem, the following article is mainly about the mobile side set up Overflow:hidden, but the page will still scroll the prohibition method, the text through the sample code introduced in very
This article for you to organize four kinds of CSS to achieve vertical center effect, the idea is very good, with reference value, need to refer to the friend
Row height Line-height for vertical centering of single-line text
It used to be that
Counter-increment
Do you often wish you could have an ordered list or all the headings of an article automatically numbered? Unfortunately, the CSS3 attribute is not currently supported. However, in CSS 2.1, Counter-increment provides a solution.
The Writing-mode property was originally just an attribute in IE, only IE support, now in CSS3 Google, Firefox also began to support.
So when you use it, you need to remember two sets of different grammars, IE's private properties and CSS3 's
Display and visibility attribute differences in P
The display and visibility properties differ considerably in P, although both the visibility and display properties can achieve the purpose of hiding page elements, but they differ in how they
In CSS, the class selector is preceded by the class name with a dot number, if the multi-class is not to hit more than one point number and the. Important.urgent this form.
Class SelectorIn CSS, the class selector is displayed with a dot number:
CSS text effect, css textPrevious
This article describes the CSS text effect in detail.
Convex print effect
This effect is especially suitable for scenarios with medium-brightness backgrounds and dark texts. However, it can also be used in
Css before and after pseudo-element applications, cssbeforeafter pseudo
1. Description
": Before" A pseudo element can insert new content before the element content.
": After" a pseudo element can insert new content after the element content.
2.
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.