Writing high-quality code-cultivation of Web Front-end development-Reading Notes and cultivation of web Front-end developmentPrefaceIn the past two weeks, I participated in the company's new project and used closed-end development (the project
1. Getting problems with HTML objectsFireFox:document.getElementById ("Idname");Ie:document.idname or document.getElementById ("Idname").Solution: Uniform Use of document.getElementById ("Idname");2. Const ISSUESNote: Under Firefox, constants can be
What is margin?
The CSS margin attribute defines the space around the element. You can set the outer margin of the top, right, bottom, and left by using a separate attribute. You can also use the abbreviated margin property to change all the
The Display property is a property that we often use in front-end development, where the most common are:
None
Block
Inline
Inline-block
Inherit
Below, I will make a complete explanation of the above attributes in order.
Tag: img Font cannot insert medium color in list add heightOne: Selector ☆Element selector p {color: #ff0000;}Derived selectors: For example, if you want the strong element in the list to become italic instead of the usual bold, you can define a
Collapse problemAn interesting collapse occurs when two boxes set the margin value in a vertical direction. ① Vertical Juxtapositionfirst set up two Div, and make it a wide height
1/*html Part */2 3 box1 4 box2 5 6/*css part */7
PNG TransparentAlphaImageLoader
Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (Enabled=benabled,sizingmethod=ssize,src=surl)
enabled: Options available. A Boolean value (Boolean). Sets or retrieves whether the filter is active. true:
1. Getting problems with HTML objectsFireFox:document.getElementById ("Idname");Ie:document.idname or document.getElementById ("Idname").Solution: Uniform use of document.getElementById ("Idname");2. Const ISSUESNote: Under Firefox, constants can be
First, Document.formName.item ("itemname") problem
Problem description: Under IE, you can use Document.formName.item ("ItemName") or document.formName.elements ["ElementName"];firefox, You can only use the
1.firefox cannot support the innertext.Firefox supports innerHTML but does not support innertext, it supports textcontent to achieve innertext, but by default the extra space is retained. If you don't use textcontent, you can replace it with
margin The following problems are in the vertical direction:The phenomenon of outer margin merging
If two div up and down, to the above Div set Margin-bottom, to the following Div set margin-top, then two margin will occur merging phenomenon, will
1.firefox cannot support the innertext.Firefox supports innerHTML but does not support innertext, it supports textcontent to achieve innertext, but by default the extra space is retained. If you don't use textcontent, you can replace it with
Javascript
1.HTML Object Acquisition Problem
FireFox:document.getElementById ("Idname");
Ie:document.idname or document.getElementById ("Idname").
Solution: Unified Use of document.getElementById ("Idname");
2.const problem
Description:
Css implements two-column layout, one fixed width, one adaptive width, and two css columns.
Whether it is left or right, the width of one side is fixed, and the width of one side is adaptive.
Many topics in the blog Park are also designed in this
Web Front-end Tutorial: CSS layout is here, webcss
CSS layout
Layout is an important part of CSS. This article summarizes common techniques in CSS layout, including common horizontal center and vertical center methods, as well as multiple
CSS skills and experience sharing, CSS skills sharing
CSS skills and experience:
1. How to clear the gap between pixels below an image
Method 1
Img {
Display: block;
}
Method 2
Img {
Vertical-align: top;
}
// In addition to the top value, you can
A typical three-row, two-column center height Adaptive Layout: How to center the entire page content and how to automatically scale the highly adaptive content. This is the most common problem in CSS layout learning. The following is a practical
Transferred from: http://www.cnblogs.com/fu277/archive/2012/09/13/2400118.html1. Center Horizontally(1) Horizontal centering of elements in text, picture, etc.Setting Text-align:center to the parent element enables horizontal centering of elements
The CSS box-like model is the basis for most CSS layouts and positioning, and it describes each element in a Web page in a bounded box containing 4 components. The box-like model is shown.Box size = content size (width+height) + padding (padding) +
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.