How to learn Div and CSS
Whenever someone asks me this question, I seem to have met myself two years ago, when I was also messing around with divs and css. I have a good suggestion for you. If you really want to calm down and study, put your computer on your back, go to the library, and bring two books on HTML and CSS. Then start learning. Not only is the learning atmosphere good, but the learning efficiency is also very high.
I think div and css are the introductory courses and the most basic courses in the entire web front-end. It is really not difficult at all. If it is difficult, it may be that you have not mastered the method well. I’ll give you the basic introductory books first, and I’ll also put the links here for you. Download it yourself. CSS Authoritative Guide 3rd Edition.pdf CSS Things.pdf If you are a little bit basic, you can take a look at this [Proficient in CSS Advanced Web Standard Solutions].CSS.Mastery.pdf Personally feel: there is no layout problem with div and css . As far as the entire page is concerned, the divs used may be the most, but when it comes to using divs for layout, it still feels inadequate. The so-called layout means constantly adjusting margin, padding , float, border, position these things, if these attributes are used well, the layout will be much simpler and easier.
I would like to recommend a web front-end self-study website: PHP Chinese website-http://www.php.cn/. Here it is: Go through all the questions above. Personally, I think your CSS skills are pretty much the same. Go through all the questions above. Personally, I think your CSS skills are pretty much the same.
Want to test your CSS level? Then you can imitate the homepages of JD.com and Amazon. Then when you cut the page, you will find that there are some things that cannot be written in HTML and CSS, such as carousels, or countdowns. After you finish cutting the page, remember to compare it to see how many pixels the error is. If it is more than three pixels, you should modify it. Because at work, this job may be more strict. After completing the above tasks, I spent three months in this process and then copied the homepage of NetEase Cloud Classroom, and then entered the pit of js... Don't delay too long in html and css, because the following things will More and more exciting. alright. Regarding learning CSS, I will say here. If you have any questions, go to http://www.php.cn/ to learn. There are many friends here who are interested in front-end and learn together and make progress together.
Related reading:
The above is the detailed content of How to learn Div and CSS. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Using Bootstrap in Vue.js is divided into five steps: Install Bootstrap. Import Bootstrap in main.js. Use the Bootstrap component directly in the template. Optional: Custom style. Optional: Use plug-ins.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

There are two ways to create a Bootstrap split line: using the tag, which creates a horizontal split line. Use the CSS border property to create custom style split lines.

To set up the Bootstrap framework, you need to follow these steps: 1. Reference the Bootstrap file via CDN; 2. Download and host the file on your own server; 3. Include the Bootstrap file in HTML; 4. Compile Sass/Less as needed; 5. Import a custom file (optional). Once setup is complete, you can use Bootstrap's grid systems, components, and styles to create responsive websites and applications.

There are several ways to insert images in Bootstrap: insert images directly, using the HTML img tag. With the Bootstrap image component, you can provide responsive images and more styles. Set the image size, use the img-fluid class to make the image adaptable. Set the border, using the img-bordered class. Set the rounded corners and use the img-rounded class. Set the shadow, use the shadow class. Resize and position the image, using CSS style. Using the background image, use the background-image CSS property.

How to use the Bootstrap button? Introduce Bootstrap CSS to create button elements and add Bootstrap button class to add button text

To adjust the size of elements in Bootstrap, you can use the dimension class, which includes: adjusting width: .col-, .w-, .mw-adjust height: .h-, .min-h-, .max-h-
