A CSS Button Creation Class
Introduction
In an earlier article, creating CSS Buttons, I examined you to create graphical-appearing Buttons using nothing but HTML a nd CSS. While this approach be fairly simple to implement-just add a few style tags
This is the implementation of a function encountered in the P project, which I call the scroll bar positioning. Suppose there is such a list component U, when I click Item7, u will produce scrolltop value and u will be rendered again. When I
HTML section:
The code is as follows
Copy Code
css section:HTML, body {height:100%;}#wrap {min-height:100%;}#main {overflow:auto;padding-bottom:150px}/* To be the same height as footer * *#footer
Write a button, there are two ways: first, direct button tag; second, input type= "button".
Either way, the button's width is not perfect at IE6, 7, and then we'll show you a regular button that you can use IE6 or IE7 to see its display width, and
The code is as follows
Copy Code
Usage examples:
The code is as follows
Copy Code
IE and FireFox will automatically add some rules, such as you only define BORDER:1PX solid #eee;
2. Use css to disable mouse selection of text The code is as follows:Copy code Firefox: body {-moz-user-select: none ;}Webkit browser (chrome): body {-webkit-text-size-adjust: none} No relevant css methods have been found for IE
Force line feed in CSS settings:Word-break: break-all is forcibly disconnected to achieve conversionNormal. Line breaks are allowed according to the text rules of the Asian and non-Asian languages.Break-all: this behavior is the same as that of the
The code is as follows:Copy code Background image usedThe code is as follows. You must reference the jQuery132.js Library. Menu1 Menu2 Menu3 Menu4 Menu5 Menu6
E8/9 (Standard mode) and firefox/safari/chrome/operaIe6/7 and ie8/9 (weird mode)The outer div adds up and down padding 15px, but the padding in ie6/7 and ie8/9 (weird mode) doubles. ie6/7 double padding-bottom bug Ie6/7 double padding-bottom bug
I have read a lot of documents about xhtml and css recently. Here I will write down the summary first. The first question is about div + css. The most basic one is how to use them for layout.FloatingCSS allows any element to float, whether an image,
CSS Borders borderThe border can be applied to most HTML elements in the body.To create an element border, you need the border-style border style. The values can be: solid, dotted, dashed, double, groove, ridge, inset and outset.Border-width is used
Tip: you can modify some code before running HomeSingle LevelDropdownDropdown OneDropdown TwoDrop down 2.1Drop down 2.2Dropdown 2.2.1Dropdown 2.2.2Dropdown 2.2.3Dropdown 2.2.4Dropdown 2.2.5Dropdown 2.2.6Dropdown 2.2.7Dropdown 2.2.8Drop down
Tip: you can modify some code before running Css achieves automatic title hiding (compatible with multiple browsers) Rehearsal of the tech troupe's beauty Acrobatics drills The beauty of the complex group of the beauty of the Group of the
Tip: you can modify some code before running Www.111cn.net drag layer与之间-->与之间-->Automatically restored to the original drag layerDo not restore to the original drag layer Tip: you can modify some code before running
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.