This article is mainly written to improve the Web page in the client browser rendering speed of the CSS section, the provisional summary of 10.
1, *{} #jb51 *{} As far as possible to avoid
Because there are differences in the interpretation of
Recently learned the HTML and CSS some of the simple syntax, today wrote a brief project, in fact, is not a project, just a static blog, the effect of the figure is as follows:
This page uses the so-called Html+css+div to complete, looks more than
1, unless you must otherwise do not use embedded CSS style
You cannot use inline CSS code unless you test your code, or when necessary:
XI 玬 yarn personal website
Although this writing can not see any problems in the short term, one but error, we
Mainly to understand the process of thinking, not just to memorize a piece of code.
1 negative margin margin-left is negative, and two elements are not in one row (can be implemented with element float:left,width:100%)Margin-left can eat the margin
Previously wrote 16 binary and 64 binary conversion function, today to do download page short connection, suddenly thought can be converted to 64 binary ID, so that the address looks shorter, below is the code, share to everyone. Performance
The authentication code on the user registration page under asp.net took some time to make the authentication A jQuery plug-in, hoping to help the users who needed it. Purpose: To establish a universal Web verification plug-in based on the jQuery
I think the text in the lower-left corner of the Internet is rolling, and the effect is good! I tried it myself and implemented it in my own way! I didn't use jQuery, But I used my own Js library! Source code:
Css:
The Code is as follows:
*
The authentication code on the user registration page under asp.net took some time to make the authentication A jQuery plug-in, hoping to help the users who needed it. Purpose: To establish a universal Web verification plug-in based on the jQuery
Unless your website has only one page, you will certainly use the navigation. in fact, navigation is one of the most important parts in web design. it takes you a lot of time to consider how to make it easier for viewers to access your website.
In
Http://www.zishu.cn/blogview.asp? LogID = 773
CSS is rarely written recently and may be rarely written in the future. I 'd like to share some of my experiences with you and hope to help you!
This article focuses on the CSS section that improves the
HTML filehtml bloghttp://blog.csdn.net/sunshumin Home Blog Article Help Profile Huang blog post html introduction html Basic Concepts html Document Structure html Editor Introduction Basic element Introduction hyperlink picture picture
Today we share a navigation based on jquery fixed to the top, this navigation when the browser scroll bar is at the top, the navigation height is high, when the browser scrolling down, the navigation height is automatically reduced, and at the top.
HTML tag CSS Property default value RollupThis thing is useful when you need to restore the default values.At the beginning *{margin:0;padding:0, when you need to use margins, you need to restore the HTML default CSS values. here if you want to
Responsive design Animation menu developed by css3 (ie8 supported) and css3ie8
This is a responsive menu. Click the list icon. The menu is displayed horizontally when the display size is full and all menu items can be put down horizontally (1 ).
JQuery focus chart switching Simple plug-in production process full record, jquery full record
The home page often requires a focus chart switching effect, and the recently created projects are also needed. So I searched online and found a plug-in
(0) functionA. Adding a new articleB. Modifying a published articleC. Search for published articlesD. Note: The demo link, such as a free pass, you can directly copy the following source code, local run to see, there are many deficiencies, follow-up
Holy Grail LayoutThree rows of equal heightHtml:1231111 me i i i i i i i i i i I 11222456CSS: (set padding in. BD and set negative margins in. Sub and. Extra to display the contents of the middle)*{margin:0;padding:0;}#hd {width:100%;height:100px;
The recent test gave me a lot of bugs, a look found all IE11. Spit it out. This browser is really a bit of a maverick. Many of the default styles are different from other browsers, and the most obvious is that the padding is often a bit larger than
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.