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 {
If the text in the cell exceeds the width limit, it wraps and automatically increases in height, causing the entire table to be ragged, but you can work around the problem by disabling text wrapping to allow the table to fill the screen (the
Found in the CSS, when the Border-collapse set to separate for, should not empty-cells the result is the same, and with show and hide value are the same, hope you pointing.
In the CSS2 standardGrammar:
Empty-cells:show | Hide
Value:Show: Default
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
The Empty-cells property in CSS Specifies whether to display borders and backgrounds on empty cells in a table. This paper describes in detail the definition and usage of empty-cells, empty-cells syntax, and empty-cells examples.
The purpose of the
After learning table, every time will find 2 border, look not pleasing to the eye, if the border is set to 0, it is not good, how to make a thin border table? About 1px, by looking at the relevant information, let me find 2 ways to solve this, as
1.
can be set on the table label orDisplay
is the element of table, inline-table.
The Border-collapse attribute is required to function. If the cells are not separated, how come the distance between the cells ah.
border-spacing:10px
First, border-spacing properties
We know that the table joins the border by default, like so:
We explained in the previous section how to combine table borders (eliminating table border spacing). But in actual development, it is possible to set the
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;}
This article mainly introduces the pure CSS implementation of the Bubble dialog box cusp processing implementation code, very good, with reference value, need to refer to the friend
Let's take a look:
Simple rough on the code:Html:
CSS Properties: Marker-offset
In:web Design by Ailin Marker-offset
Version: CSS2 Compatibility: No inheritance: Available
Marker-offset back can be auto or length
which
Auto: The browser automatically sets the spacing
Length: A value
What is the difference between list-style-position inside and outside in the CSS list?
list-style-position property to set where the list item tag is placed. The external (outside) flag is placed at a certain distance from the border border of the
This list-style-image location problem is also often asked, the solution is generally used with Li background simulation, the use of relative positioning method can also be solved.
blueidea web Standard FAQs web Standard FAQs web
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
Css-scrollbar-face-color Custom scroll bars
Because of the needs of the site, or the appearance of the page and other specific needs can be used to customize the way to set the scroll bar, is the current source rendering effect.
SOURCE Effect:
Learning notes flexbox new layout, learning notes flexbox
FlexBox, short for "elastic box", can be used in addition to implementing elastic layout, but also to center the content and change the source code order in the tag. First, IE9 and the
Bootstrap image, bootstrap image listPrevious
Images are also frequently used in web page creation. This article will introduce Bootstrap images in detail.
Response Image
Add.img-responsiveClass allows images to support responsive layout. The
Bootstrap icon and bootstrap icon LibraryPrevious
A small icon is an indispensable part of a good Web. The Bootstrap framework also provides more than 250 different icon images. This topic describes the Bootstrap icon in detail.
Principle
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service