Quick way to remember CSS style attribute words and input html+css

Source: Internet
Author: User
Tags closing tag

DIVCSS5 teaches you a quick way to remember the CSS style attribute words and usage, saying goodbye to rote memorization is the hard truth.

CSS style layout used in the CSS style English words, do not need to memorize, will use the knowledge, know what long. In the development of Div CSS layout, it is not very easy to spell CSS attribute words, it will use, know what words to use.

Avoid remembering CSS attributes English words, enter the wrong input letter introduction. Use the following DIVCSS5 to introduce the DW software code hints feature fast and easy to enter a CSS word incorrectly.

One, multi-practice

Remember the word is flexible and skilled use of CSS style layout is not to remember will be all spelled manually input CSS Word code, but more practice, the first use may not know what the CSS word long, the second use know what the length of the third time to remember the beginning of the word with what letter, the corresponding value of what, For the fourth time, you will have complete knowledge of the beginning letters, syntax, and values of this CSS word.

So many times the use of practice, naturally do not understand the spelling of CSS words can quickly use the DW software quickly input CSS English words and values. If you memorize the spelling of the English word in short time, you will forget the spelling method and use it in a few days. If you practice more, you can quickly develop div+css layouts even if you don't spell the words completely.

Ii. input CSS with Dreamweaver (DW) software

DW Software has a very good function, that is, the HTML code input prompt function and CSS code input prompt function. This prompt is fast and easy to enter HTML code, regardless of the start tag and closing tag. When input CSS code, Word hint function and corresponding CSS style value hint function is very powerful, do not need you full-screen English word. You can quickly select the required CSS words and the corresponding English values by typing the first letter of the corresponding word.

1, DW software input Common tags

Quick Input Tags

When entering a label, the DW software quickly prompts for an optional tag code when you type the less than sign "<", and you can quickly check "enter" to enter the corresponding label by typing the label " first letter ".

Enter DIV tag

Fast closed HTML Tag Input method

Automatically Close "</div>" when "</" is entered

Use the DW software to test your tests yourself, regardless of the type of HTML tags you enter, or as fast as you enter class and ID in the tag.

Insisting on using more training skills will naturally increase the speed of the input code.

2, DW software input CSS words and values as input HTML tags and attributes, CSS code in the CSS file or input CSS code place to write CSS words can also use the DW software hint function quick keyboard to choose input CSS English words and attribute style English value.

Quick input CSS style word description

Enter a second CSS style word

Also use the prompt function to quickly enter other CSS style words, you need to note: When entering the second style, to let the DW software prompts the CSS Word window display, at this time must be the last CSS word style end "semicolon" after the "blank" at this time the DW software will display the prompt CSS Word window.

Typing CSS style values can still use the DW hint feature

Input CSS code can use the DW software hint function input CSS style English words, and corresponding English words value.

Hint: Enter CSS code in HTML CSS code in the style tag, if it is a CSS file, it can be directly CSS file input CSS code.

Third, with the use of DIVCSS5 tutorial

Maybe when I touch a CSS word, know what name style to set, but do not know what the corresponding CSS word length, do not know the CSS word to start with what letter, do not know how to set the corresponding value, at this time need to help you through this stage of pain in the DIVCSS5 site.

For example, you want to enter "height", but do not know what is the word?

1, enter the CSS basic column search Tutorial at this time you can go to DIVCSS5 directly into the CSS base column to find the CSS tutorial.

corresponding CSS tutorial section to find a tutorial article

This section collects common CSS styles and corresponding graphic tutorials, and explains the corresponding styles through the basic grammar.

2, Direct DIVCSS5 search

Search tutorials at the top of the direct site, whether you're searching for basic tutorials or CSS issues

Find CSS tutorials or CSS problems with these two methods to quickly access the corresponding article tutorial. By learning about tutorials plus practice, you can quickly master and memorize the knowledge required for CSS input in a short period of time.

DIVCSS5 tip: Start contacting CSS input code is not used to, but adhere to more practice slowly will improve a lot.

Iv. Summary of DIVCSS5

More practice, not to completely spell CSS English words and CSS style values of English words, do not need to memorize, just want to remember what the function of CSS style words about how long, with what letter beginning (can remember the first 1-2 letters of English words), remember can follow the value, If the value is also an English word, remember that the corresponding value begins with the letter. Early practice time with DIVCSS5 Web site online tutorial on word understanding, plus DW software input Word method, more training practice will naturally increase the speed of input code, and not easily misspelled CSS English words.

Quick way to remember CSS style attribute words and input html+css

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.