Link tags and css selectors

First, the core property is the href (property value can be a jump address)

Second, the path: absolute path relative path letter root path

    1. absolute path: from the beginning of the letter, followed by a look-down.

                         Local: C: /Users/Administrator/Desktop/0527day01/07.html

                         Server: http: //www.baidu.com

    2. Relative path: from the beginning of the current file, if the next level of directory folder name to write directly on a representation by ../.

    3. letter root path: you can directly jump to all the current file in the root directory of the drive letter /

Three, form attributes: address action submitted by the end of the address of the service is usually, if not written, the default page to be submitted.

                         method of submission. get / post if you do not write, submit to get.

                         input, button labels is a row within the block.

                         input form the core of the label is to change the style of the show by modifying the type attribute input tag.

Four, css of use ()

       1. The inline style (inline style)

        <Tag style = "attribute name 1: 1 attribute value; property name 2: attribute value 2; ..."> </ tab>

       2. embedded in the page (internal style sheet)

        Adding a sub-tag inside the head tag

       <style>

        Selector{

                    1 property name: property value 1;

                    Name Attribute 2: 2 attribute value;

                    ......

                    }

        </style>

  3. external file (an external style sheet)

     Adding a sub-tag inside the head tag

     <Link rel = "stylesheet" href = "file path css" />

4. External importing styles

   The main style used in the initialization.

css syntax: (symbols are the English state)

 <style>

        Selector{

                    1 property name: property value 1;

                    Name Attribute 2: 2 attribute value;

                    ......

                    }

        </style>

Five, css ------ Selector:

                                   ID selector: 1 selector using id: id add an attribute in the elements above, the id attribute value of the attribute not start with a number.

                                                     2. A page can have only one id attribute value.

                                                     Representation id selected in 3.css represented by #.

                                  Selector class: class 1 using the selector: a class attribute increased on an element, an attribute value of the class attribute does not start with a number.

                                                         2. A page can have a plurality of class attribute values.

                                                         3.css the class representation by the selector. Fig.

The tag selector: write directly to the tab name.

Selector combination: a selector directly, can be separated.

Descendant selector:> only for children.

Descendant selectors: a space, said progeny contains a selector.

Universal selectors: * for all labels.

Sixth, the right to choose is heavy:

                                      1. The inline style 1000

                                      2.id                                  100

                                      3.class                             10

                                      4. Element 1

                                      5. General 0

                                      6.:hover                            10

                                      7.boss! Important just appeared, dominated by this.

* The higher the weight, style, part of the conflict on to the high weight of the main, not to say that this selector is not used, but which conflict style.

Seven, css style tag text type:

                                        1.text-align the text on its way

                                        2.text-decoration underline text

                                        3.color set the font color

                                        High 4.line-height line of text

                                        5./*font-family set the font style

                                        6.font-style specify whether the font slant

                                        7.font-size to set the font size

 

Remarks:

In the browser, the default font size 16px

Google browser, the minimum font size may be 12px

Firefox is no limit

Eight elements of three categories:

                            1. row inline

                            2. Block-level block

                            3. inline-block within the block row

 

Guess you like

Origin www.cnblogs.com/ggss/p/10936250.html