Now there is an example that requires:
1) Draw five boxes, respectively, with red, purple, orange, green, blue font color to express;
2) When the mouse clicks on one of the boxes, the border is bold and displays the color consistent with the box's
First, the original is not a bug
Years ago, in Chrome, at first I thought it was a bug in the Chrome browser.
Today's prototype reproduction, in each modern browser under the test, obediently lung, all is a urine sex, it seems to be the norm, not a
Single Line Vertical Center
Single-line vertical centering can be done directly with Line-height=width
hello world
So the text Hello World is vertically centered, and if you want the entire p to be centered in the parent element, a layer of p is
Method One: Using Box-pack's Justify implementation: Use the Display:flex elastic box model to adapt the width according to the window size. The code is as follows:
10 203050
The effect is as follows:
Method Two: using the column multi-column
This article mainly introduces the HTML+CSS implementation of the Single box, check box beautiful style, the need for friends can refer to the following
1. Background map
Html
Css
. cart-checkbox.checked {
CSS for horizontal vertical center alignment
Horizontal centering in CSS is easier. Commonly, if you want to implement inline elements or inline-block elements horizontally, you can set the implementation on their parent block-level elements, or
For the position:relative in CSS; I still don't understand what it means, what does it do?
I understand a few other attributes of position.
Reference
Static: No special positioning, object follows HTML positioning rulesAbsolute: Drag objects out
Are you aware of the use of CSS list-style-image properties, and here we describe the List-style-image property using an image to replace the tag of a list item that specifies an image as an ordered or unordered list item flag.
CSS List-style-image
Using CSS, you can specify a background image or background color for an HTML tag, and you can set the location of the image.
css Background This is a H1 level title: Light Green This is a H2 level title: Light Red This is a H3 level title (
The reason for this problem is that the interviewer asked me about the effect of margin and padding on the inline element in the previous interview, as if I hadn't answered it. These two days just have time to write a few demo to see this problem,
A lot of people just mention
@font faceRules, the heart will involuntarily "Oh ~ ~" The sound: "This I know, can be used to generate custom characters small icon!" "The problem is that a lot of people think that creating a small character icon
When making a page, we often use "font-family" to define the font, whereas the font we define with "font-family" in the user's browser can be rendered depending on whether or not we have the fonts installed on the user's computer. On the network we
Border (picture border), it is a CSS property, it can be used to determine the range of HTML tags (such as TD, p, etc.) to draw a border, you can add a border to the text, the navigation menu with a divider, the following to share an instance with
a outline (contour) is a line that is drawn around an element, at the periphery of the edge of the bounding rectangle, that acts as an element of prominence. The Outline property sets the contour line around the element.
You must always declare
Previous words
Contour Outline is outside the border boundary, it does not participate in the document flow like a border, so the outline does not affect the flow of the document when it appears or disappears, that is, does not cause the document to
Although dedecms.com to introduce a lot of CSS properties related knowledge, but some very unpopular properties are still deficient. In the B/S program, the control of the printed page, CSS is relatively weak, for example: automatic paging,
for the Visibility property in CSS, the value is usually set to visible or hidden.
visibility: Hidden equivalent to Display:none, can hide the elements, but the difference between the two:
The ①display:none element no longer occupies space.
②
. example. pp{ Color:orange;}. example.pp2 { color:green;}
As in the above two definitions one is the middle there are spaces, one is the middle no space.
The first class to write to this effect: Text pp this class is effective .... The second
Before because of the company project needs, found on the Internet:
directly on the code.
HTML code
This is content 111 Here is the content 222 Here is the content 333
CSS Code
. inner{width:265px;
1. The history of floating
Do you know? The first floating intention is to achieve the effect of text wrapping, similar to a picture in the upper left corner, and then it is surrounded by text around it, this scene I believe everyone has seen it!
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.