Layout learning of Div + CSS in HTML

1. Understand basic CSS knowledge.

Now it seems to be quite popular for a seriesArticleCreate an index, so that I will be cool. However, there are still some advantages for your convenience in learning and viewing.

The following is a series of recent articles on CSS learning:

Css basics (1)-How to Use CSS?

Now, if Web developers do not know CSS, it is too outdated. However, they do not know whether CSS is used or proficient. I happen to belong to the one who knows what CSS is.

CSS: Cascading Style Sheet, a stacked style sheet that removes most or even all of the webpage's representation information from the HTML file to separate the presentation information from the core content, easy to maintain as well as for the artist andProgramBenefits of a clearer division of labor.

Css basics (II)-basic CSS concepts

First, let's briefly describe what IDs and classes are. ID is an identifier code. Therefore, an ID can only appear once on an HTML page. A class is equivalent to one type. One or more IDs belong to one type, therefore, the class can be used infinitely on the page.

CSS basic learning (III)-build blocks

Div. You must be very excited to see this. The most popular website layout is implemented by adding CSS. How can I avoid CSS. However, we will not talk about layout for the moment. We will give a more detailed introduction to the common attributes of the block to lay a solid foundation for the subsequent layout, so we will start to take it.

Css basics (4)-Text

Text is the core of web content. The appearance, visibility, and expressiveness of text enhance the readability of web content. Compared with exquisite pictures and styles, boring text is not valued accordingly. Browsing the Web page does not allow people to enjoy pictures without any aim, but to obtain information. Let's talk about some basic text styles.

Css basics (5)-color, background and Image

Using CSS to control the color, background, and image of a webpage is also a way to separate the content and performance of the webpage. However, images are not all determined by the nature of the image. Let's take a look at how to use CSS styles to control colors, backgrounds, and images.

Css basics (6)-list

When you browse any website resources created based on web standards, you can see a navigation list, an external link list, and some buttons and arrays. At the beginning of the website design stage, a simple list is used to ensure the flexibility and functions of the design, and simplify the design in some browsing scenarios.

Css basics (7)-Link

The development of Web pages begins with links. webpages without links are isolated and basically not called webpages. Through CSS, the link can become a very beautiful and powerful object. Of course, even though we can control links a lot, we cannot influence the basic functions of links in pursuit of beauty and novelty. If you don't need to talk much about it, just start learning the CSS of The Link object.

Css basics (8)-tables

Finally, it was our turn to form. Although the form was previously used excessively in the layout of the web page, its value still exists. Obviously, it is unfair to name a table without any name! A table plays an important role in expressing list data. We will learn how to use CSS to make a table play its due power.

 Css basics (9)-Abbreviations

CSS style abbreviations are concise and reduce the page transmission traffic, which should be the goal of every page designer. Let's take a look at some abbreviations in the previous sections.

Css basics (10)-Thoughts

Let's talk about how to better apply the learned knowledge. We have learned the basics and syntax, but we haven't applied it in actual development.

 

 

CSS Div layout Learning (1)-Div layout basics-juxianting-csdnblog

We introduced the basic attributes and usage of CSS. From now on, we will explain some content about CSS + Div layout. Everyone is ready. We are about to start our layout journey. If you are not very familiar with CSS, you can read the previous articles.