In fact, the principle is very simple, that is, befor is a small triangle has a color
After is a small triangle has no color
Use after to cover befor can
Don't say much, just go to the code.
1. This is the triangle on top.
.
This article brings you the content is about how to use pure CSS to implement a paper crane (with source code), there is a certain reference value, a friend in Need can refer to, I hope to help you.
Effect Preview
Source code
This article brings to you the content is about how to use the pure CSS to achieve the text break animation effect (with source), there is a certain reference value, the need for friends can refer to, I hope to help you.
Effect Preview
Source code
Objective
In the past sporadic to understand and use :link , ::after and content other pseudo-class, pseudo-element selector, recently found this lack of reading, so decided to study a little bit, the following is the pseudo-class part of the
CSS can be used to prevent tables from being opened or Div layers from being opened.
When designing a webpage, we always encounter unpleasant things. The most common thing is to add content in the background before we find that the displayed
Ie5 and later versions support the use of expressions in CSS to associate CSS attributes with javas alias expressions. the CSS attributes here can be inherent attributes of elements or custom attributes. That is to say, the CSS attribute can be
What is CSS hack?
Http://www.div-css.com what is CSS hack
Different browsers, such as Internet Explorer 6, Internet Explorer 7, and Mozilla Firefox, have different understandings of CSS parsing, which leads to different page effects, we cannot get
CSS compatibility with various browsers is already a common issue, and tutorials on the Internet are everywhere. The following content is not too novel. It is a personal summary and I hope it will be helpful for beginners.
I. CSS hack
The following
As a web designer, mastering CSS is absolutely necessary and necessary for web development. Good CSS writing habits can help you save time and make website maintenance faster and save bandwidth. The following are six useful CSS resource websites,
Are you learning web standard CSS webpage layout? Isn't it possible to fully master the pure CSS layout? There are usually two types that require special attention:
The first possibility is that you have not understood the principle of CSS
In page design, the use of float and clear attributes is crucial when CSS is used to control the layout. The following is a summary of the content I have learned and compiled on the Internet.First, you must understand two things:1. the browser
1. design the style sheet as needed. I will give it a general one here.
. button_down
{}{
Color: red;
Border: Inset 2px;
}
. Button_up
{}{
Color: black;
Border: outset 2px;
}
. Alt_row_highlight
{}{
Background-color: yellow;
}
.
It is often seen that some websites use dropdownlist, menus, or buttons to change the page style (skin replacement) of the entire website ). Specifically, Google summarized some information in this regard and summarized the above functions can be
Yui compressor is a JavaScript and CSS compression tool released by Yahoo. It runs in a Java environment. Therefore, you must first install JRE or JDK (here I use JDK ).
1. Java environment configuration-windows7 (32-bit)
1) download and install
Chapter 5 Use CSS styles
Key points of this ChapterApply styles to HTML documentsCSS style code writing rulesTypes and usage of CSS style selectors
Directory:5.1 apply styles to HTML documents5.2css style coding rules5.3css style Selector5.4 style
Background
For pseudo classes or link pseudo classes, we may all know some of the writing methods of tag a, a: hover, a: focus, a: visited, and then write different styles, it indicates the performance of the link in various States. We may also have
IE6, IE7:
Display: inline;
IE is not compatible with Firefox! ImpOrtant
CSS hack: differentiate IE6, IE7, and firefoxDifference between different browsers, CSS hack writing:Difference between IE6 and FF: Backgroundrange; * background:
Problem description:
One student sent me a question that night. The prototype is probably "A maindiv is nested with a div. class = "headr1" div and a div. class = "header2" and set background = "black" header1 to "red" for maindiv ". Header2 sets
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.