how to use animate css

; "src=" http://images2017.cnblogs.com/blog/139239/201709/139239-20170920110514618-1006690725.jpg "/>The size setting of the main content area and sidebar is important, as important information is shown here. The main content area should be three times times the size of the sidebar, which is easy to achieve with Flexbox.. main {flex:3; margin-right:60px;}. sidebar {flex:1;}In general, Flexbox is very efficient when creating this simple layout. This is especially useful in controlling list elemen

See the full set of "dreamweaver8.0 tutorials" In the CSS Rules dialog box, we can beautify our pages with types, backgrounds, blocks, boxes, borders, lists, positioning, and extension settings, of course, when we define a CSS style, we don't need to set every item and what effect it needs. Select the appropriate item to set it up. 1, the Text style setting Creates a new

Although the CSS code has been written to use the class name to mark the elements, but this is more of their own habits, today to do a summary of the problem.Here are the specific reasons why this is doneOne: The class class name of the element can have many, and the ID name only has one. By adding multiple class names to an element, you can control the style of the element more flexiblyclass= "Size Color">

Just read the source code of jquery, which on the CSS and classname operation of the idea is really good, it is worth learning. The definition part of JQuery.className.has is implemented by the regular, in fact, the use of the IndexOf method of the string object in JavaScript is used to deal with it, which is more than the regular efficiency, so Copy Code code as follows: The definition of JQ

The CSS controls the list of articles so that the text that overflows the title behaves in an elliptical way. with the above code can be implemented, but if you want to achieve the effect of the combination of multiple CSS definition can be achieved. below let's look at the definition of each CSS inside: Text-overflow:clip | Ellipsis Value: Clip: Default

method One: Applicable browser: IE5 above the IE browser Using Technology: Conditional comments Where to use: in HTML code (note not in CSS) Comparison character: LTE: Is the shorthand for less than or equal to, meaning less than or equal to.LT: It is the shorthand for less than, which means less than.GTE: is the shorthand for greater than or equal to, which is greater than or equal to the meaning.GT: is t

CSS when we use Word to make documents, or to watch certain newspapers and magazines, we always see the effect of a drop cap on a paragraph. So when we use DW to make Web pages, can we do that? The answer is yes. Production method: Define the CSS style with the following code: . Font-weight:bolder; font-size:230%; Floa

In the design of Web pages, you often encounter the problem: When using a picture background, because the display resolution is too large or the picture size is too small, on either side of the page or the lower part of the background picture. For example: There is no problem when the resolution is less than 1024*768. But if your monitor has a resolution greater than 1024*768, you will see a part of the background image that affects the effect. The following figure: How to

css| Skills | tutorials Previous section: Overall statement 　　Sub-item Declaration Having understood the basic statement and the overall statement, it is now time to talk about the sub-item, which is basically needless to say, because there is no particular use, and look at the following example: You will find that we have made two statements on the label at the same time, yes! This i

The following small series for everyone to bring a stylus CSS framework use of detailed instructions. Small series feel very good, and now share to everyone, also for everyone to make a reference Stylus is a CSS language that needs to be compiled, so its own file cannot be called directly by HTML, it needs to be compiled into a

opportunities of such technicians. The second type is against DIV + CSS, Which is immature and not suitable for China. It is complicated and has no table creation speed .... Lu Fu believes that the reason for opposition is that he is used to table and does not want to learn such technologies any more. He points to page production, especially website production units, small websites use DIV +

A div set background-color and background-image, color is under the IMG layer, can not achieve the matte effect, so you need to create a DIV as its sub-div, and then set the sub-div background color, There are two ways of doing this:First, the code is as follows: CSS:. wrap{position:relative; Background:url (i/pic4.jpg) no-repeat; -webkit-background-size: -%; Background-size: -%;}. Warp-mask{height:100%;width:100%; Background:rgba (0,0,0,.4);} HTML: c

Dynamically load js,css files with jquery Copy Code code as follows: $.extend ({ Includepath: ', include:function (file) { var fi Les = typeof File = = "string"? [File]:file; for (var i = 0; i var name = Files[i].replace (/^\s|\s$/g, ""); var att = name.split ('. '); var ext = att[att.length-1].tolowercase (); var iscss = ext = "CSS"; var tag = iscss? "Link":

css|express| text Box For text boxes, read-only state and normal state, the browser does not make any special tags, on the surface, the effect is the same, so that for users, ease of use is not very high. Of course, we can change the background color of the read-only text box to distinguish, this time we need the programmer to determine whether the text box is read-only, and then introduce the correspondin

Bullet screen technologyfunction Init_barrage() {var _top=0;$(". Content div").Show(). each(function() {var _left=$(window).width() -$( This).width();//Browser maximum width, as the value to locate leftvar _height=$(window).Height();//Browser Maximum height_top+= the;if(_top>= (_height- the)) {_top=0;}$( This).CSS({Left : _left,Top: _top,Color: GetColor() });//timed popup text//var time = 10000;//if ($ (this). Index ()% 2 = = 0) {//time = 15000;// }/

css| Web page Original tutorial, reproduced please indicate the source: Web Teaching Network Now we have to design the Web page has been inseparable from CSS, using CSS can beautify our web page, this has been a shared knowledge of the! CSS is the abbreviation for "cascading style Sheets", translated as a style sheet.