The steps to implement JAVASCRIPT/CSS and HTML are very similar and, of course, different, followed by specific implementations.
The first step: Create files First
Only the files created are different. The following figure
1 if creating
first, why to clear floating
Floating can cause the parent container to collapse, causing errors in page layout, and so on.
Example:
float left float left float left float left.....
child_two_div child_two_div child_two_Div ...
1.CSS Painted Solid Circle
The length and width are equal, and the Border-radius is set to half the length (width).
{
width:px;
height:px;
Background-color #a72525;
-webkit-border-radius: +px;
}
2.CSS Painted Hollow
This is done after the effect. Not very beautiful, but also can be further improved. The HTML+CSS code is as follows: calendar Last month next month Day a two three four five six The JavaScript code is as follows: var nowdate=new
This article mainly covers the implementation of dashed borders on div and CSS | CSS dashed underline and dotted line method, has a certain reference value, now share to everyone, the need for friends can refer to
This is where the dashed border
This article mainly introduces the use of CSS sprites technology to achieve rounded corners of the effect, has a certain reference value, now share to everyone, the need for friends can refer to
Using the CSS sprites technology to draw the fillet,
This article mainly introduces the use of canvas operation of the method of pixels, the content is very good, and now share to everyone, but also for everyone to make a reference.
Modern browsers support playing video through elements. Most
This time to bring you a CSS to clear floating float compatibility method, CSS clear floating float compatibility method of note what, the following is the actual case, together to see.
We need to understand two important definitions before we
This time brings you how to use Android and HTML hybrid development, the use of Android and HTML mixed development of considerations, the following is the actual case, together to see.
Now a lot of apps will be nested HTML5 pages, such as frequent
This time to bring you CSS3 mouse moved into the picture dynamic prompt effect, to achieve CSS3 mouse moved into the picture dynamic prompt effect of the notice, the following is the actual case, together to see.
The first attempt to write a blog,
This time to bring you HTML inline style improvement "Sanmao Classic quotations", HTML inline style to improve the notice of what, the following is the actual case, take a look.
html: base inline style Sanmao quotes 1. The dream of not being
This time to bring you react and CSS3 to achieve the removal of red envelopes animation, react and CSS3 implementation of the notice of the red envelope animation, the following is the actual case, together to see.
Red envelopes have detonated a
This article mainly introduces the CSS text font color setting method (CSS color), the need for friends can refer to the following
I. Understanding CSS colors (CSS color)
Here is to introduce the page settings color contains what, page color
This time to give you the use of CSS to make 3D page effect, using CSS to make the 3D page effect of attention to what, the following is the actual case, together to see.
Start today ~ Small series will share with you a series of Web front-end
We know that CSS3 is an upgraded version of CSS technology, and CSS3 language development is evolving towards modularity. The previous specification was too large and complex to be a module, so it was broken down into smaller modules, and more new
Common Markdown syntax and markdown syntax
1. Title
The title is the most common format in each article. In Markdown, if you define a text as a title, you only need to add"#"You can. As shown in.
There are 6 levels of titles in total. We
View the CSS layout design from the problems in the CUMT campus navigation (I) CSS box model and cumtcss
The campus navigation system is worth mentioning:
1. Level-2 menu bar and iframe embedded window (style design, use hover for effect)
2. AMAP
CSS vertical horizontal center, css vertical center
By summarizing the basic methods of horizontal center and vertical center, the method of combing vertical horizontal center is not so messy.
Text-align: center + line-height
For example, in div2,
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