Recently, because I have been busy designing a new website, the problems I encountered before have appeared again, and I almost forgot how to solve them. The most typical problem is the problem of inserting spaces in DW, because usually we always have spaces at the beginning of paragraphs. Two spaces, but sometimes you will find that no matter how you hit the space bar on the keyboard, it has no effect. So how to solve the space problem of Dreamweaver well? There are actually many solutions, and I will share them with you today:
1. Make a small transparent picture. Embedded in text or at the beginning of a line. This method is more troublesome to implement.
2. Use full-width spaces. Why is this solution feasible? Because full-width spaces are relatively simple to implement. Although it is also a space, the corresponding HTML code is not a space code. It's another code, so Dreamweaver treats it as a character instead of a space. So we can live in peace. But in browsers that don’t support Chinese character sets, it looks like garbled characters. The specific operation method is to select the smart ABC input method, then switch to full-width state, then type a space and it's OK!
3. Use soft spaces. That is, press Ctrl+shift+spacebar where you want to insert a space. Of course, you can also enter it. All browsers recognize such spaces. But the disadvantage is that you cannot see how many spaces have been inserted when editing the page. You can only see it clearly when previewing it in the browser. Not intuitive enough. Soft spaces actually use code. It is a non-stop space mark. It can generate soft spaces. Each time you press Ctrl+shift+space, you add a code.
Although the code is simple, it is also very effective. When making a web page, we rely on this code to help when we leave one or several lines blank. Friends who have learned the HTML language know that the <p></p> tag is used to mark a paragraph. If I just write <p></p>, will this code generate a blank line? This is invalid. You must add the ";" code in the <p> tag. <p> </p>This kind of code will have a blank line effect. Here the mark also plays a role in occupying the position. In addition, if you use Dreamweaver to generate a table, you will find it when you look at the source code. The page in the cell <td> label has this mark <td> </td>. If you remove these markers, you will find that all the cells are crowded together. It is impossible to fill in the content at all and you have to drag the border.
More beautiful styles can be easily implemented through CSS control. Let’s find time to summarize the CSS usage skills after you are done.