set margin

1. Two-Column layout(1) The first method:Html:1 2 Css:1 #Lbar {height: 600px; width:200px; background: Red; float: left;} 2 #Rbar {height: 600px; width: 60%; background: Green; margin-left: 200px;}Left fixed bar left floating, right adaptive bar

Chapter III in-depth understanding of the box model　　The box model is the basis of the CSS control page. Need to be clear what the meaning of "box" is, and the composition of the box. In addition, you should understand the basic concepts of the DOM

Large _skylar Http://www.cnblogs.com/skylar/p/css3-selector.html Each front-end engineer may write some CSS every day, where selectors are a major part. However, it is not uncommon for people to write mostly #id,.class such selectors every

CSS compatibility and css compatibility 1. Compatibility of the smallest chorme font. Problem description: ff and IE fonts can be set to 1px, but chorme Chinese fonts are 12px, and all fonts smaller than 12px are displayed as 12px.Solution: chorme

Make Your webpage compatible with FireFox and IE, And the webpage compatible with firefoxie CSS compatibility highlights: DOCTYPE affects CSS ProcessingFireFox: When div is set to margin-left and margin-right is set to auto, it is already centered.

Project experience:1. If the set margin margin parent element also moves, the parent element setting triggers the BFC environment, Overflow:hiddenIf the direct sub-class where the margin changed to padding, so that their own content relative to

CSS Layout Tipssingle Row layout Center HorizontallyThe most common form of layout in a horizontally centered page layout, which appears mostly in the title, as well as the organization of the content area, here are four ways to achieve horizontal

Please try to write code in XHTML format, and DOCTYPE affect the CSS processing, as a standard, must add DOCTYPE declaration.　　Vertical centering problem for 1.divVertical-align:middle; Increase the line spacing to as high as the whole Div

1.UL Li Center/*ul Li with horizontal display*//*ul style in div for all class menu*/Div.menu ul{List-style:None;/*remove the symbol from the front of UL*/margin:0px;/*distance from external elements is 0*/padding:0px;/*distance from inner element

0. Catalogue Directory Introduction Body 1 use not to add a spacer to the navigation bar 2 Adding the Line-height property to the BODY element 3 arbitrary elements are centered vertically 4

CSS Layout Kinky tricks--various centeringCentering is often the case when we use CSS to lay out the layout. When using CSS to center, sometimes a property can be done, and sometimes require a certain skill to be compatible with all browsers, this

First, single-row layout　1. Center Horizontally: (Note: The following example implements the child element's alignment operation, the child element's parent container is the parend element)1-1: Implemented using Inline-block and text-align:.

First for the previous drag more sorry, because sponsored, to Shanghai, so delayed a few days, will try to update on time. Today's course mainly introduces the basic concept of box model, and also tells you the composition of the concrete

This week I mainly learned the design pattern of HTML, I will now summarize the following:A Study of Box modelA basic design model in CSS is called a box model, which defines how elements are interpreted as boxes. I have studied six kinds of box

This article describes how to use the GD Library in php to draw a line chart, which involves some simple usage of the GD Library in php. This article describes in detail, if you are interested in learning it together, some simple image functions can

The question of how CSS vertically centers an element is already a cliché. Whether for a novice or a veteran, during the interview is often asked. Two days ago in a flex video tutorial, which mentions the question of the center of the element, so

This article is mainly for you to detail the CSS using Flexbox layout container inside the multi-element horizontal center method, how to use the Flexbox layout multi-element horizontal center? This article for everyone to answer, interested in the

http://www.php.cn/wiki/864.html">Line-height:1.76em; " > Reasonable truncation of multiple text is not an easy thing, we usually use several methods to solve: Overflow:hidden to hide extra text directly Text-overflow:ellipsis only applies

About Inline-block probably a lot of people are unfamiliar, layout this aspect many people use is flex or float, Flex is very strong undoubtedly but about compatibility is not very satisfying, and floating although very compatible but feel clear

CSS Compatibility essentials: 1, DOCTYPE affect the CSS processing. 2, Ff:div set Margin-left, margin-right for Auto is already centered, IE not. 3, Ff:body set text-align, Div needs to set Margin:auto (mainly margin-left,margin-right) can be