Tag:Hanlin Academician

  • CSS tips (8)


    Skill 1 In some cases, the width of the child element can be greater than the width of the parent element In this case, the width of UL is larger than the width of the core, and does not affect the layout Skill 2 How to make the fixed elements close to the center of […]

  • CSS – how to set div background


    How to set div background There are only two steps to add background control to a component <View className=”gifts” style={{ background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-repeat`, backgroundSize: ‘100% 100%’, }} > <View classname=”gift-lists”></View> </View> Set background and backgroundsize.style={ width:100%; height:100%; } How to center div: margin:0 auto; Set the value of height and line height to the same […]

  • Block level element and in line element collation


    Block level elements: Most of them are structural markers <address>…</adderss> < center >… < / center > address text <h1>… < / H1 > Title Level <h2>… < / H2 > Title Level 2 <h3>… < / H3 > Title Level 3 < H4 >… < / H4 > Title Level 4 < H5 >… […]

  • CSS in the middle, pointing North completely


    CSS horizontal vertical center problem is too common, finishing a wave In line single line text It is common to center the elements in a row horizontally text-align: center; The vertical center of multi line text of line elements can be solved by table layout. Of course, flex can also be done properly <div class=”container”> […]

  • Questions about novices


    1、 When the parent element floats, the child element floats, and the child element can support the parent element. When we set the floating attribute, we will naturally clear the floating in our mind, but we will find that when the parent element has floating or uses absolute positioning, the floating child element can support […]

  • CSS inline style


    In this section, we want to learn several forms of CSS style. There are three ways to introduce CSS style into HTML in practical application, namely, in line style, internal style and external style. We will learn the advantages, disadvantages and application scenarios of these three methods in turn. In this section, we will talk […]

  • Overview of basic HTML div and CSS


    What is a div <div></div>Html is a common tag for region divisioncharacteristic Alone in a line It can’t achieve complex effect alone, so it must be rendered with CSS style Line level elements In line elements <div> <span> <!– Div tag: block tag, line level element, which will occupy one line of HTML –> Data […]

  • Deep understanding of margin in CSS box model


    Margin Setting the outer margin will create extra “white space” outside the element. The “white space” usually refers to the area where other elements cannot be placed, and the background of the parent element can be seen in this area. The outer margin will not affect the size of the box, but will affect the […]

  • CSS embedded style


    In the previous section, we talked about inline styles, but the disadvantage of inline styles is that they cannot be reused. For example, when there are many<p>Labels, we want all of them<p>If the styles of tags are consistent, you need to write them in each tag. This will be very troublesome and add a lot […]

  • CSS layout strategy


    Left and right layout Left middle right layout horizontally Vertical center And other tips The foregoing This paper introduces some common CSS layout schemes, the usage of tags used in layout and the precautions Left and right layout 1 floating layout First, clear the float of the parent pseudo element .clearfix::after { content: “”; display: […]

  • Learn how to center CSS horizontally and vertically


    CSS in the middle is a front-end engineer often have to face the problem, but also one of the basic skills. Today, I will summarize the methods used in the past, including horizontal center, vertical center and horizontal vertical center. In this paper, some similar schemes are classified and summarized, and the results are as […]

  • Inline and inline block of CSS


    CSS inline、inline-block This article will introduce the layout of content and related principles in inline layout. Line box and line box For row box and inline box, there is a classic diagram in the standard document. Attached with a piece of code, easy to understand. <div style=”width: 200px; margin: auto;”> This is a piece of […]