We generally use less and sass is generally compiled into the CSS we are familiar with the import use, of course, not compiled, directly in the browser to useI am accustomed to use koala to compile, simple smart convenient, Hbuilder also comes with
This article is about CSS background of some small common sense, detailed introduction of CSS background properties, CSS background color, CSS background image. A friend you need can refer to the following
I. CSS Background properties
1. CSS
"CSS3 Classic Tutorial Series" In the previous article to introduce you in detail
Text-shadowThe use of the Text Shadow feature, today this article we are together to see
CSS3The specific usage of the Gradient property that implements the gradient
Most web designers are not familiar with print control, and they tend to be more obsessed with pixels than printers. In the real world, many people rely on Web pages for reference: In this digital age, in a number of special occasions, many people
CSS instances
A CSS rule consists of two main parts: a selector, and one or more declarations:
Selectors are usually HTML elements that you need to change the style.
Each declaration consists of an attribute and a value.
The property is the style
This article mainly introduces the CSS to achieve transparent background image and text opacity effect of two methods, the need for friends can refer to the next
Summary:
Method One (frosted glass effect): Background image + Pseudo class +
This article mainly introduced the CSS3 realizes the inner concave fillet The example code, the small compilation thought quite good, now shares to everybody, also gives everybody to make a reference. Let's take a look at it with a little knitting.
CSS3 provides us with a scalable and flexible Web page layout-flexbox layout, it has a very powerful function, can easily implement a lot of complex layout, before it appears, we often use the layout method is floating or fixed width + percent to
Mobile Web development has been around for more than a year, during which some confusing things have been encountered. Like what:
We often use in the viewport exactly what meaning, here device-width and we use JS to get to the screen width
CSS Translucent Border implementation examples (figure)
1. Translucent border
Problem:
If we want to set a red background and a black translucent border for a container, we might write:
border:20px solid Rgba (0,0,0,0.5); background:red;
But the
The following small series for everyone to bring an article on CSS clear floating (
ClearfixAnd
Clear) usage. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.
This is a series of additions to the basics of HTML5, and the others are:
First, html5--new structural elements
Ii. html5--figure, time, details, Mark
Third, html5--details ingenious
Iv. changes in existing elements of html5--
Five,
If the implementation of a single line of text overflow display ellipsis students should know to use the Text-overflow:ellipsis attribute, of course, also need to add width of the genus to be compatible with some of the browsing.
Implementation
http://www.php.cn/wiki/864.html">Line-height:1.76em; " > Reasonable truncation of multiple text is not an easy thing, we usually use several methods to solve:
Overflow:hidden to hide extra text directly
Text-overflow:ellipsis only applies
With CSS frameworks, you can simplify your work and improve your productivity. CSS Framework is a collection of CSS files, including basic element reset, page layout, grid layout, form style, general rules and other blocks of code. Below you
CSS3 Transparent ... Non-transparent ... Gradient... Call it whatever you want! Here are some guidelines for using CSS3 transparency and some examples.
In fact, this firefox has long ago supported, and IE has not supported!Previous post: CSS3
CSS center summary, css center Summary
1. text-align: center;
In the preceding method, the row element or text of the display: inline; in the parent container is horizontally centered.
2. inline-height: (height) value;
When using inline-height, it
Flex layout learning experience and Flex layout learning experience
As another new way of css layout, Flex has a strong use effect. Compared with the original float, position operations on element styles are more concise, this article is my learning
CSS3 implements Loading animation effects and css3loading Effects
View results:Http://hovertree.com/texiao/css3/43/The Code is as follows:
css3 loading waiting for loading Code-what to ask
HTML Tag Element classification (Basic HTML knowledge) and basic tag knowledgeHTML Tag elements are classified as block-level elements. 0. block-level elements and inline-level elements are classified as "inline" elements ). A. block-level elements (
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