DW page code notes

            DW page code notes

1. style. class insert class style
tag technology (html) to solve the contents of a page
style technology (css) to solve the page appearance
script technology to solve pages dynamic interaction problem
<form> <input type = " text" placeholder = " Please enter the text" class = "kuang2 "/> <input type =" submit "value =" Search "class =" anniu1 "/> </ form>

   Font:
   ............ font-size: font size
   ............ font-family: font settings
...... ......... color: font color
   text-align: center alignment centered left right left and right
   text-indent: first line indent
   font-style: whether the tilt | italic slant normal normal
   font-weight: bold bold normal normal
   text-decoration : crossed the line underline strikeout none underline overline linethrough not line
   line-height: row height
   letter-spacing;

   display: inline-black i.e. not wrapped and can set the width and height

   <p> </ p> paragraph
   <span> </ span> normal text

at the beginning of class style
   <style type = "text / CSS"> </ style>
   * {margin : 0px; padding: 0px;}
hyperlink
   <a hret="#"> </ a>
        <a hret="图片路径"> </ a>

                   original pages

                   of another page to open a

form: <body> </ body>

   <form> </ form>
         Method = "POST" / GET
       safe / unsafe
cell
   <body>
       <form>
       <Table>
              <TR>
              <TD> account <input type = "text" name = "name"> </ TD>
              </ TR> (box) (account number)
             <TR>
               <td> password <INPUT type = "password" name = "PAD"> </ TD>
       </ TR> (password)
    </ Table>
    </ form>
</ body> placeholder value = "text in the box."

textarea notes multiline text box
<the INPUT of the type = "Radio"
       (sex)
<= the INPUT of the type "the checkBox"
        (check box)
<the INPUT of the type = "File"
        (Photo)
<the INPUT of the type = "text"
   (search bar)
       = of the type "submit"
       (Search button)

the button general button

reser reset

submit submit

value
text on a button

-down list
select:
<the sELECT>
<the Option> point </ the Option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</ SELECT> a

a wrap
background properties
   background-color background color centent the
           image background image
           repeat repeated
moving image: background-position:

the display: inline; horizontal
table <table> </ table /> width long border line width of the outer border of the display frame within a display frame rules
   <tr> row <td> cell line which </ td> </ tr>
list <ul> <li> point </ Li> </ UL>
           list- style-type: none; to the point
               <OL> </ OL>
                   <DL> <dt> <dd> </ dd> </ dt> </ DL>
               colspan vertical
               rowspan horizontal

border properties
   border:Set Border (px) solid color auto bisecting
   padding: (px) pitch (up and down) (left) in the upper left-lower right
   border-collapse: collapse the table border separated or not separated from the border line to separate separate
   display-block arrangement: arranged from top to bottom
   display - inline left to right,
   right and right bottom left (from the outside) on the left-Top margin
   padding-
   border-style color pattern width width color
   solid solid line double dashed double dotted dotted broken line
   height; height setting
   line-height set the row height
   border-radius cutting garden

float clear: both left ignored floating floating left float: right and right floating
background- siez filled image size

# xiao1 {set properties}
<div id = "DA">
   <div id = "xiao1"> xiao1 </ div> floating
   <div id = "xiao1"> xiao1 </ div> floating
   <div id = "xiao1"> xiao1 </ div > floating
   <div id = "xiao4"> xiao4 </ div>Not float
</ div>


button
   a {text-decoration; none; } to underline
   a: linked {color: Color} did not point through color
   a: hover {color: Color} mouse to put up
   a: visited {color: Color} mouse once
   a: active {color: color} mouse activation link color

positioning
position; relative positioning relative
   absolute absolute positioning

starting positioning of the quadrilateral large quadrangular. Otherwise the small quadrangle frame of reference is the entire page
sub-label absolute positioning. Parent tag relative positioning

background: linear-gradient (to bottom , # d1d1d1, # f4f4f4, # f5f5f5);
                  vertical and horizontal
gradient

position: relative; mouse over the image gets finger
position: fixed; top of the page is suspended in
the following keywords:
............ limit the number of the text box, 10: MAXLENGTH "10"
............ center block: margin-left: 50px
............ center: text-align: center
left: left ... right alignment: right
............ hide your phone number: placeholder

............ mouse prompt text: title
......... upload pictures: file
............ used to insert style: (span)
............ to the point: Lime-style-of the type: none
......... first picture: Lime-style-Image
............ line-height: lime-height: 30px
floating ............: a float: left
......... hyperlink: <a..href>
......... provision added image <img..src>
......... II.A to line: text-decration: none
......... italics word: EM
......... bold text: SELECT
......... cut Park: RADIUS-border
......... relative positioning: position: relative
......... absolute positioning: position: absolute
inner filling .........: padding
outer boundary ......... : margin
......... border: border
on: top, lower bottom, left: left, the right: right
...... font color: color
...... background color: background: color
background image: background: image
does not tile: background-repeat-no -repeat
pan a picture: background-position
font size: font-size
design font: font-family
font-style: font-style
wide: width, height: height
The application selector: class .. # id.
The solid line: solid, dashed lines dashed, dotted line: dotted
double: double
ordered list: ol, unordered list ul (li)
table: table, tr, td
boast column: colspan .... boast line: rowspan
ordinary box: text
password box: password
radio button: radio
radio button: checkbox
drop-down box: select, option
text box: textarea .... wide cols .. high rows
reset button: reset .... submit button: submit
ordinary button: button
text on the button: vabmt
drop-down menu: 1..dropdown
2..dropdown-Content
3..dropdown: Content-hover space .dropdown
1 {Run the display: inline-Block }
2 {the display: none; background-Color; min-width; Box-shadow..rgba ..; padding}
3. {D

Guess you like