CSS

1.CSS Achieve Center Disadvantage: You need to know the width and height of the element in advance.

  code is as follows copy code $ (document) . Ready (function () {    $ (". About_main li"). Hover (function () {        $ (this). addclass (' hover ');  },function () {       $ (this). Removeclass (' hover ');  }; });

Below is my favorite writing: The code is as follows Copy Code $ (""). attr ({rel: "stylesheet",Type: "Text/css",HREF: "Site.css"}). Appendto ("Head"); Some friends may use the wording below, but there are some

jquery's CSS format ("Properties", "parameters") If you want to get a percentage of width, enter the following code. Math.Round (($ ("#js_top_ment"). Width ()/$ (document). Width ()) *100) Method Two var

Part I: basic knowledge 1. Unlike: Active and: Hover these pseudo classes are not the same, they are all pseudo elements. The 2.:before/:after pseudo elements are presented in the CSS2. And:: Before/::after is the writing in CSS3, so the new

After reading this article decided to use the third method, actually very want to use JQ, convenient and flexible, consulted a lot of old-timers, learned that JS control dom in performance impact is relatively large, can use CSS and HTML to solve

A few days ago the evening more comprehensive to see the next CSS some of the documents and materials, most of the style of use is no big problem, just a little more unfamiliar, but also know their existence and implementation of what style. Today

Add Class Manually Sometimes, we need to remove the spacing (margin) attribute of the last and first elements in a list element, and you can manually set CSS styles for them: . margin-top:0!important margin-left:0!important;. Last {margin-bottom:0!

Recently browsing online data, found some of their own never used CSS, so recorded, in some cases may be able to use. 1, the simple operation of CSS We usually use CSS to specify static results, and dynamic results, such as height, location and so

1 2 3 4 5 .opacity{  filter:alpha (opacity=50);  & nbsp;    

Many people on the Web page to achieve different links have different colors do not know how to deal with, if you change the properties of a, as if all the color of the link changed. Four hyperlinks in the state of the corresponding CSS properties:

Maybe you've seen a pixel border problem with the Retina screen, and note that this is a border width rather than a moving element. What the? Border less than 1px? Yes, because someone in front of the relevant program and a good variety of

You may often use hover this attribute, with hover to achieve the color change of the mouse and so on, in fact, hover is very powerful. Share a mouse through, pop-up drop-down menu tips; When we built a list: Level menu Level menu Level two

Objective The video I recorded has not been online, and the news of the website says it is possible to join the employment course or a series of courses. There may be the end of the line, I wait for the flowers are thanks! Therefore, I saw

Mobile Browsing Adaptive Web pages, Safari browser can often automatically identify and layout, picture width is filled with the screen, then how to do without the reader when the effect of this? As shown here, let the picture width fill up the

Workaround: Modify includes/init.php Found it The code is as follows Copy Code if (!empty ($_cfg[' stylename ')){$smarty->assign (' Ecs_css_path ', ' themes/'. $_cfg[' template '). '/style_ '. $_cfg[' StyleName ']. '.

In css, you can change cursor into a hand-capturing shape. Note that it is not the hand of a hyperlink, but the starting point.Css: {cursor: url ('absolute path image (format: cur, ico) '),-moz-zoom-out;} // FFCss: {cursor: url ('absolute path'),

After several years of development, I did not pay attention to the position: fixed usage during front-end development.We all know the position value of the position attribute in CSS. Besides the default value, there are absolute, relative, and fixed.

FontFont: font-style | font-variant | font-weight | font-size | line-height | font-family;Margin & PaddingMagin: magin-top | margin-right | margin-bottom | margin-left;P {magin: 20px ;}P {magin: 20px 10px ;}P {magin: 20px 10px 100px;} the top margin

Sometimes, we use images instead of text. The most commonly used is the input button.In the past, I used text-indent:-9999px to move the text out of the page. However, this method has a "bug" in IE6. After applying this css attribute to a block