Today suddenly someone asked me to scroll bar CSS custom method, I found that with Scrollbar-base-color this method only IE support, check a half-day data summarized as follows!!!
Custom scroll bar styles in IE browser:
HTML {
The Empty-cells property in CSS is supported by all browsers, even including IE8, and its usage is as follows:
Table { empty-cells:hide;}
It is estimated that you have semantically guessed its usefulness. It is for the HTML table service. It tells
Table
Border-collapse:collapse; Indicates that the borders are merged together.
Border-collapse:separate; Indicates the spacing between the borders, the size of the spacing is border-spacing:px, and the size is defined.
Css:
* {margin:0; padding:0;}
sometimes the text in the site is more, although the parent element set the width, but always there will be uneven on both sides of the situation, looks untidy. In fact, to achieve the end of the paragraph alignment, only need to set two CSS
Style.
When it comes to aligning the two sides, we are not unfamiliar, in Word, PowerPoint, Outlook and other interface navigation, in fact, there is a two-pronged (decentralized) button, usually not much use, we are more accustomed to the left-aligned,
This article mainly introduces you to some of the techniques related to the text modification. Here are mainly from the text-decoration and Text-shadow these two properties chat, the article through the sample code introduced in very detailed, the
In the overall layout of the page, the size of the page elements (length, width, padding, and so on) and page font sizes is also one of the important tasks. A reasonable setting, it will make the page look hierarchical, focus on bright, pleasing.
How do I add a border style to a div?
It's easy to add a border style to the Div box simply by using the border plate style.
One, dashed line and solid border-TOP
Border Dash style: dashedBorder Implementation style: solid
border:1px Dashed
What does list-style-type:none mean in CSS? I am a novice, just started to learn div+css this statement what meaning
The Li tag is preceded by a style, which is the point. You can play it out and see.
Small dot Not a little bit of This
Left-side: Angle value is 270deg | 90deg
Far-left: Angle value is 300deg | -60deg
Left: Angle value is 320deg | -40deg
Center-left: Angle value is 340deg | -20deg
Center: Default value. Angle value is 0deg
Center-right: Angle value is 20deg |
Mark Tags:
The mark element represents content that needs to be highlighted or highlighted on the page, and often appears in search results, such as highlighting keywords in the results.
Case:
html5 daily App for Mark tags
My project has added a CSS to solve the problem of paging printing
Add tags where you need them when you use them
But recently, in order to solve another problem, it is stipulated that IE8 cannot be set as Compatibility view, and that this
". Pagenext{page-break-after:always;} Controlling HTML printing Paging related issues: Keywords: pagenext page-break-after always control HTML printing paging related issues
. pagenext{page-break-after:always;} controls HTML print paging problems.
On-the-scrollbar CSS instance---scroll bar color settings
*********************{scrollbar-face-color: #3399cc; Scrollbar-highlight-color:white; Scrollbar-shadow-color:white; Scrollbar-arrow-color: #ffffff; Scrollbar-base-color: #dff0c0}
Among them
Grammar:
Scrollbar-shadow-color:color
Parameters:Color: Specifies the color. See Color units and Appendix: color TablesDescriptionSets or retrieves the dark Edge (Threedshadow) color of the scroll bar 3D interface.See overflow properties.The
CSS3-loading animation (3), css3-loading Animation
Sharing continues, and images are not really visible
Online demo: http://liyunpei.xyz/loading.html
11. effect 11
The four balls are respectively contained in four square Divs. The ball is
Css draw shape, css draw
Finally, my freshman year is over, and a pleasant summer vacation begins. I have been busy with some projects and finally decided to update my blog today. I will make a brief summary of the previous study.
This time I will
Pure css implementation of the rotated octal chart, and css rotation of the octal chart
A large number of such items are searched on the Internet, and they are also written on their own as they look at empty blogs.
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.