Career development, code 100 days--2018-04-11Getting and modifying HTML elements and CSS properties through JavaScript is one of its basic functions. For CSS styles, there are usually inline styles, external styles, and embedded style points.Such as:
-java Siege Lion Learning route-I. JavaScript base output
Use the Window.alert () pop-up warning box.
Use the document.write () method to write content to an HTML document.
Writes to an HTML element using InnerHTML.
Use
This time to bring you a summary of the center layout of CSS, CSS Center layout of the note what, the following is the actual case, together to see.
First, a few simple, animal-friendly centering methods
1. Set Margin to Auto
Specifically, the
Four ways to add a CSS style sheet to a Web page, you can choose the way you like it.
First, use the Style property: Add the style attribute directly to the individual component label.For example:The advantage of this usage is that it is dexterous
This time to bring width:100% to everyone, and the use of Width:auto, using width:100%, and the width:auto of the attention of the matter, the following is the actual case, together to see.
1111p{width:980px; background-color: #ccc;
This article mainly introduces the pseudo-class and pseudo-elements in CSS: After, there is a certain reference value, now share to everyone, the need for friends can refer to
CSS in the existence of some special properties, called Pseudo-class,
This time to bring you waterfall flow layout and unlimited load Picture album effect, to achieve waterfall flow layout and unlimited load Picture album effect of note what, the following is the actual case, take a look.
Directory
First, the
Show and Hide
1. Introduction:
Display: Make paragraph travel inner box
Visibility: property specifies whether the element is visible.
2. Display Properties
value
Description
None
This element is not displayed.
This article mainly introduces the CSS base multi-column layout, has a certain reference value, now share to everyone, have the need for friends can refer to
Front-end layout
The basic layout, the main display on the mobile side, the same PC-side
This time for everyone to bring CSS to achieve the effect of bookmark patterns, CSS to achieve the attention of the bookmark pattern, the following is the actual case, together to see.
The sample code is as follows:
border making Bookmarks
This article mainly introduces the syntax of the CSS content, has a certain reference value, now share to everyone, the need for friends can refer to
1.css IntroductionYou can control the effect of the Web page, including font size, color, font,
This article introduces the content is CSS simulation of the planet, has a certain reference value, now share to everyone, the need for friends can refer to the
< ;! ---Venus---
This time to bring you a single, check-style beautification of the text and detail, a single selection, check the style of attention to beautify the matter of what, the following is the actual case, together to see.
Objective
I'm sure you all know.
This time to bring you the CSS in the float of the text and detail, float, the text of the details of the notes are what, the following is the actual case, together to see.
float and margin
Two adjacent floating elements, when the first floating
This article mainly and you introduced the CSS implementation with the Fillet Triangle sample code of the relevant data, small series feel very good, now share to everyone, also to make a reference. Follow the small series together to see it, hope
This time to everyone to bring CSS3 implementation of the two methods of progress bar, CSS3 to realize the progress of the notes are what, the following is the actual case, together to see.
As follows:
The first pose is as follows
First on the
This time to bring you the TODOMVC use of Vue, Vue Todomvc The use of notes, the following is the actual case, together to see.
This example is modeled on the official Website sample style and function in my own way, basically no crossing net
This time to bring you the jquery dynamic Add and traverse option, jquery dynamic add traversal option of the note what, the following is the actual case, take a look.
The examples are as follows:
Full os2 os2-anthonos os2-apps os2-centralpoint
This time to bring you box-reflect to achieve the reflection effect, Box-reflect realize the reflection effect of the notice, the following is the actual case, together to see.
Usually we want to achieve the effect of reflection, the general
This time to bring you CSS3 mobile properties, the use of CSS3 Mobile attributes of the note, the following is the actual case, together to see.
Transform function
Scaling down
Use the Sacle method to achieve the reduction of text or image, specify
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.