Elements and Boxes
The concept that is often used in HTML is the element, whereas in CSS, the basic unit of the layout is the box, and the box is always rectangular.
Elements are not one by one corresponding to the box, an element may generate
When the value of width is a percentage, it indicates that the length of the element is calculated relative to the parent container.
For Padding-right and padding-left better understanding is also relative to the parent container to calculate, but
The width:100% and Width:auto differences between CSS
First, the question
The previous time in the adjustment of the tree structure, found that if the tree node name is relatively long, the IE6 will not open the outside elements, resulting in the
This article mainly for you in detail the CSS in the height and the difference between the min-height, from a simple example for everyone to analyze, interested in small partners can refer to
As a new web front-end, you need to know the difference
When you set the height of a page element to 100%, it is expected that such an element will fill the height of the entire browser window, but in most cases, this does not have any effect. Do you know why height:100% it doesn't work?
It is common
Correct use of the Position property of the P layout property
Position's English intention is to refer to position, position and state. There is also the meaning of the placement. In the CSS layout, position plays a very important role, many of the
This article synthesizes: http://zhujiao.iteye.com/blog/1856980 and http://blog.csdn.net/maikol/article/details/6048647 two articles
Have added some of their own experience.
The margin and padding of Android are the same as in HTML. As shown: The
Align-content
Role:
Sets the vertical arrangement of each item in the Free box.
Conditions:The Free Box property Display:flex must be set on the parent element, and the arrangement is arranged horizontally flex-direction:row, and the wrapping is
Border-width--Defines the width of the four borders: {1,4} | Inherit {1,4}: Border width (can have one, two, three or four values) inherit: Inherit initial value: Medium Inheritance: No applies to: all elements border: border, Width: breadth. Border-
Border-color--Define color values for four borders: [ | Transparent]{1,4} | Inherit {1,4}: Color notation transparent{1,4}: Transparent inherit: Inherit initial value: Default value inheritance for the same color property: No for: All elements
Why Margin-top is not acting on the parent element:Recommendation : As far as possible handwriting code, can effectively improve the learning efficiency and depth.As for the basic usage of the Margin-top attribute, it is simply to set the top margin
Question:
margin:15px 300px 0px 100px; height:72px; width:188px; Float:left; The above CSS style has been used float:left; So in Ie5-ie6, his margin-left attribute is doubled to show. Then there was an incompatibility.
_margin:15px 300px 0 50px
believe that most of the fighting in front, especially in the front of the siege of the process, there is a deeper and deeper feeling, good, as the front-end deep like the sea, from the sister is a cloud ah, the front-end easy to get started, deep
clear:
The value of this property indicates that the edge of a floating object is not allowed.
Default value: None
Take value
Describe
None
Allowed to have floating objects on both sides
Left
What is css clear float?
In non-IE browsers (such as Firefox), when the height of the container is auto, and the contents of the container are floating (float is left or right), in which case the height of the container cannot be automatically
"UTF-8", "UTF8", "UTF-8", "utf8" between the difference, utf-8utf8
Essentially, there is no difference.1. "UTF-8" is a standard writing;2. In Windows, English is case-insensitive, so it can also be written as "UTF-8 ";3. "UTF-8" can also be omitted
JS if statement function docking event Action Function Change css docking need to change makeup area id or class, jscss
If function implementation steps:
The core principle is that the event action is connected to the function, the function is
Css float, css float
First, let's talk about float: A floating box can be moved to the left to the right until its outer edge hits the include box or another floating box.
Floating is very important in css styles. Let's take a look at the
Detailed description of css3 animation transition AND css3transition
Transition mainly includes four attribute values:Attributes for performing the transformation:transition-property,The duration of the change:transition-duration,Change Rate During
Reflection of a 40-Year-Old programmer and a 40-Year-Old programmer
Ben Northrop (Open Source China)
[Guide]: Ben Northrop was 40 years old in 2016. This article describes his thoughts on his career. He believes that in the long run, we should
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