The HTML2 of Learning

1, open or edit CSS, with UltraEdit

2. Content (contents) <padding (padding) <border (border) <margin (boundary distance)

3, the site design, the first line of paragraph will sometimes be set to italic, habits

4, caption? --Title

5. Clear attribute?

6, the paragraph and other elements of the conflict settings, follow the order of execution, that is, display the last set effect

7,!important---Important statement, can be added in an element setting, to diagnose conflict problems, but do not use in the document

8, about p and body p, the latter is more specific, so irrelevant order problems, only listen to the latter's settings

9, about P and P.one, the latter more specific, so unrelated to the order of the problem, only listen to the latter's settings, the categories more specific than the elements, the right greater

10, about P and P#one, the latter more specific, so unrelated to the order of the problem, only listen to the latter's settings, ID more specific than the element, the right is greater

11, about P.one and P#one, the latter more specific, so unrelated to the order of the problem, only listen to the latter's settings, ID more specific than the category, the right is greater

12, the inline style is the biggest weight, if there is a conflict problem, it shows the effect of inline style

13, Firefox Addon->web Developer (component extension), Learning CSS Tools

14, the most official CSS,WWW.W3.ORG/TB/CSS21

15. List item: Li element, with sequence list: ol element, Title element: H1->h6, paragraph: P element

16. The form is not likely to look the same in various browsers, so don't try to change the control

17, use CSS to remove fieldset border: Fieldset{border (Border): none;padding (padding): 0;}

18. Align labels with css: #info label{float:left;text-align:right;} (floating block left-aligned, labels text right-aligned)
Label{display:block;} (treats the inline element label as a block-level element to make it appear on its own line)

19. Change the form control font with CSS: Input,select,textarea{font-family:inherit (inherits the value of the parent element);}

20, the measurement unit in CSS: cm--cm, em--1em is the font size of the current element, Ex--1ex is the height of the x in the font
in--inches, mm--mm, pc--1pc=12pt,pt--1pt=1/72 inches, px--pixels

21. Container: Body>p>ul>li, Common properties of container: Margin, border, padding

22. Overflow and clip properties can be used to control overflow within the container
Overflow:auto (display scroll bar when overflow, otherwise not shown)/hidden (no overflow content)/scroll (always show scroll bar)/visible (overflow content appears outside the container)
P{clip:rect ([Top],[right],[bottom],[left]) (used to change the size of the cropping area)}//elements that should not be used for overflow=visible

23, positioning mode: Static, relative, absolute, fixed, floating (float)

24, position four attribute values: relative (offset by itself for the object)/absolute (in which the parent of the position is set, if not present, the object is offset by the body, ignoring the effect of the padding)/fixed (always with BOD Y is the anchored object, the scrollbar does not change its position)/static (default)

25, set the container order: Set the Z-index property, the value of the container on the larger, the property can be set to any number

26, CSS Background properties: background-(/attachment (set background fixed or scroll with the document, fixed or scroll)/color/image/position/repeat (set whether repeat and how to repeat))

27. Set Text style: Text-decoration (marker type: blink (blinking)/line-through (dash)/none/overline (dash)/underline (underscore))/align (alignment: Center/justify (justify)/left/right)

28, the document to avoid the use of B (bold) elements, you should use CSS to achieve this effect, with font-weight (: Bold/bolder/lighter/normal/[num] (normal font size 400)) property

Implements text italic style, with Font-style (: Italic (italic)/normal/oblique (slightly to the right, rarely used)) property

29. Media types available in CSS: All/aural (voice system)/braille (devices that support Braille)/embossed (Braille Braille printer)/handheld (small or handheld)/print (printer)/projection ( Projection device)/screen (computer monitor)/tty (wide font display device)/TV (TV)
Specify different styles for different media types using the @media rule

30. <script> tags are used to define client-side scripting, such as the Javascript,script element can contain either script statements or an external script file via the SRC attribute (where the browser indicates where the JS file is stored).
<noscript> tags are used for browsers that do not support scripting, use the JS code in the,<script> tag to apply <!--........//--> commented out so that the browser ignores the code in the tag??
Note: Most cases will ensure that the content is still available when JS is unavailable, so <noscript> seldom use

31, some special comparison operators: = = = (if the data type conversion is not performed, equality is true)
!== (Not equal to true if data type conversion is not performed)

32, JS in the prompt () method to display the user can be prompted to Input dialog box prompt (Text,defaulttext)
Text: Optional, the plain text to display in the dialog box (instead of the HTML-formatted text), which is the prompt message.
DefaultText: Optional, default input text. You can also not enter a value, or null if you do not enter a value.

33, JS event Daquan:
Abort: Occurs when the user cancels loading the page
Blur: Occurs when the control loses focus
Focus: Occurs when the control gets focus
Error: Occurs when the browser encounters a script error
Reset: Occurs when the user clicks the Reset button on the form
Resize: Occurs when the browser window size has changed
Select: Occurs when the user selects one or more characters in a text box or multiline text box
Submit: Occurs when the user clicks the form's Submit button

34, JS in the JS code and events associated with the method:

1) using the OnLoad event: <body onload= "fn_load ()"/>
2) Traditional model, use script to add or remove event handlers: Set Windows.onload=fn_load or Windows.onload=null, add or remove
3) Document Object Model DOM:document.addEventListener ("Load", fn_load,true) or document.removeeventlistener (), i.e. add or remove

35, you can use JS to the user input information to form validation
Note: It is best to validate the information entered by the user in the client's browser and when the form is processed on the server
Note: Get the value of a variable: document.getElementById ("name"). Value