CSS thorough research (2)
Github Pages Blog
One. CSS Box model
1. Structure of the box
Margin-border-padding structure + content composition box model
Attention
Width,height is the width of the content area, excluding the padding border margin, but
6. Appropriate code comments
Code comments can make the structure clearer by making it easier for others to read your code, and to organize code annotations appropriately. You can choose to do the start of the style sheet by adding a directory:
/*——
CSS gradient implementation method of IE browser engine
IE does not support CSS gradients, but it provides a gradient filter that can be used to achieve a simple gradient effect.
Basic syntax
The parameters of this parameter are described as
Sub-item Declaration
After understanding the basic statement and the overall statement, now to talk about the sub-statement, this content is basically not much to say, because there is no special usage, see the following example to know:
You
Let's talk about the problem of internal and external margin merging.
The lower margin of layer A is 20pxLook at the picture below
The green layer above the outer margin is changed to 10px
No difference.In short, margin merging means
Four attribute values for position:
1.relative
2.absolute
3.fixed
4.static
These four properties are described below.
sub1 sub2
1. RelativeThe relative property is relatively simple, and we want to figure out which object it is
Content Summary:
One, Div and span(1) block-level tags: div(2) Inline tags: span:
Second, box model (important)Note: The browser's debugging tools can be used to view the box(1) Margin: box margin
(2) Padding: Box inner margin (will change the
In the previous article, we give you the main explanation of the CSS3 tutorial-the border, by the way simple to mention the border of the 3 kinds of properties, the next Tracy sister to introduce CSS3 Tutorial-border-radius properties, this property
Hello! Front-end development of small partners, thank you have been accompanying me, today this CSS3 tutorial-user interface, is the CSS3 tutorial last article, I hope you can learn the real practical things.
CSS3 provides a unique rendering
Supports CSS 3 rotation windmill and CSS 3 windmill
In the past, webpage animation was generally made using javascript, and more active animations are now implemented using pure CSS, And the animation control can also be implemented using CSS3,
Solution to Internet Explorer 8 incompatibility with rgba (), ie8rgba
Rgba () is a new property of css3, so IE8 and the following browsers are not compatible. What should I do? Finally, I found a solution.Solution
Let's first explain the following
HTML study notes, html notesHTML Study Notes
Sorting in December 15, 2016Chapter11. URL (scheme: // host. domain: port/path/filename) 2. differences between htm and html file names: 3. single and Double tags: 4. tag relationship: 5. in html, nothing
Let's talk about the common methods for clearing floating, and the common methods for clearing floating.
When we do page layout, we often need to use floating to achieve some layout effects. This will cause the parent element to lose its width.
Copyright information area (bootstrap) at the bottom of the website, and copyright information bootstrap
The power of bootstrap is beyond doubt. Therefore, the "raster system" of bootstrap can be used in the copyright information area at the bottom
Tip: you can modify some code before running Dropline-Level 3 horizontal pop-up menuDEMOSDEMOS Zero dollars Wrapping text Styled form Active focus HOVER/CLICK HOVER/CLICK Styled form Active focus
Tip: you can modify some code before running Css navigation menu source codeHomeSingle LevelDropdownDroplineFlyoutSupportContact Tip: you can modify some code before running
Tip: you can modify some code before running Korean style css horizontal navigation menu codeHomeSingle LevelDropdownDroplineFlyoutSupportContact Tip: you can modify some code before running
Tip: you can modify some code before running Beautiful css navigation menuHomeSingle LevelDropdownDroplineFlyoutSupportContact 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.