What is the Chapter Web standards.
Agencies and organizations
ECMA
ECMA 262: java script standard specifications
ECMA 357: xml standards-compliant
w3c (http://www.w3c.org)
Draft Working Drafts
Final draft (Working Drafts Last Call)
Recommendation Candldate Recommendations
Candidate Recommendation (Proposed Recommendation)
Recommendations (Recommendations)
Web Standards advantages
Easy to modify and manage content (structured and the visual representation of the unification)
Improvement of Web accessibility (high) provides accessibility to various users
SEO (search engine optimization) alternative (SEO using the document structure clearly)
Server and reduce the file size, storage space saving (burden of server source can be written efficiently, minimize)
Backward compatibility with higher compatibility (old page in the content is displayed appropriately secure phase, backward compatibility and interoperability)
Structured language
html4.0: Strict, Transitional, Frameset DTD of three document type can be used
XHTML 1.0 Strict, Transitional, Frameset DTD of three document type can be used
XHTML 1.1 Strict is available only
Other languages
: formulas technical language mathML frequently used recently using the tag (HTML5) <Canvas>
SVG: 2-dimensional vector graphics technology in the language, because the distance between two points less damage to image conversion image.
RDF / RDFS: language for expressing metadata
Web accessibility (WCAG1.0) (currently 2.0) document be converted, and understand the content operable two themes basic inspection items
Chapter 2 Document Structure - XHTML web pages to start building
HTML, URI, HTTP
TCP / IP as the transport protocol HTTP: documents (two-way, connection-oriented, the one associated with the reliability High) application protocol
HTTP header request a response from the HTML document (HTML document) and how to interpret the HTTP to request a response execution.
URI: = URL (address) + URM (resource name)
(In absolute URI: URI scheme detailing will pass until all general URI)
Relative URI: starting their own files, folders and other file's path (using mainly their own sites to see the folders and files)
XHTML overall appearance and formatting
the tree to the root html element structure
That the content markup tags wrapped in features (<element name> </ element name>)
<Element name attribute name = ""> attribute value when you want to give the properties of the elements in the form of technology
Adequately specify the relationship of parent and child elements
Encoding properties UTF-8 (standard) 8bit of variable multi-byte character representation
ISO-LATIN-1: 8bit to represent Chinese characters
Expressed as one character ASCII: 7bit
Old characters to EUC-KR: (ISO-LATIN-1 + characters) Dong-Kwon expressed
Document type declaration: <DOCUMENT html (document) PUBLIC (reserved word) "- / / W3C / / DTD XHTML 1.0 Strict / / EN" (Certified URI)
Declared as "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (system identifier)>
strict backwards compatibility is strict.
transition: upward-compatible prospers
declared in the document when you use a frameset: frame tag
Namespace: <html the xmlns="http://www.w3.org/1999/xhtml"(네임스페이스) xml:lang="ko" lang="ko"(eoneokodeu)>
Metadata properties defined
Mime type and character source code meta tag in the http-equiv = "Content-Type" (mime-type) content = "application / xhtml + xml, charset = UTF-8" (character source code)
Search Robot Control: name attribute to "ROBOTS" designation
content attribute can specify (multiple): ALL (the default, INDEX, FOLLOW the same), "NONE (NOINDEX, NOFOLLOW" the same), INDEX (acquisition targets that page)
FOLLOW (the page + link pages to collect it), NOINDEX (collects excluded from the page), NOFOLLOW links page (including the page collected from the target)
Table
Grouping elements (<thead>, <tbody>, <tfoot>)
<table>
<thead>
<tr>
<td> ... </ td>
....
</ Tr>
</ Thead>
<tbody>
<tr>
<td> ... </ td>
.....
</ Tr>
</ Tbody>
<tfoot>
<tr>
<td> ... </ td>
....
</ Tr>
</ Tfoot>
- >> Increase the size Share with scrollbars, offers and multiple printed pages and a user-friendly interface available makes.
Colspan
<thead>
<tr>
<th id="brs" axis="hwamyeonpyosi" abbr="beurawoojeo"> browser </ th>
<th id="ver" axis="hwamyeonpyosi" abbr="beojeon"> version </ th>
<th id="pct" axis="biyul" abbr="biyul"> ratio </ th>
</ Tr>
</ Thead>
<tbody>
<td headers="brs ver" colspan="2"> Total </ td>
...........................
Headers id value declared in the thead => like the above equation by using two of th tag can be used.
* Tabindex property realism (accesskey attribute miles)
tabindex: tab key is pressed when the focus of the move ordering
accesskey: access key is pressed when the focus of the
Image elements using the alt attribute (attribute name = image description) stating
Chapter 3 Visual representation - css design freedom
CSS
Which controls the visual representation of the web page.
Parent element (spread) -> sub-element structure: cascading waterfalls
CSS basic rules
[Format] selector {property: value}
Describes a number of selectors, separated by commas (h1, h2, h3 {color: green})
Technology to lowercase.
Tin = / * comment content * /
In absolute units: showing pt (points, 1/72, ㅊ)
Relative position depending on the screen is converted px (pixels), em (the default property value to 1 0.1 (1/10 times), 2 (twice) technology
Used to specify the URI in the URI: CSS value (@ import.ur (URL))
Inheritance Table (<Table> <tr> <td> </ td> </ tr> </ table>) tr, td tags, <div> <span> </ span> </ div> (span of the parent div ) properties to specify the name of an attribute value in inhreit
CSS how to apply and priority
How to Apply
Individual elements (<p style="margin:15px">)
<style type="text/css"> Specify the style element in the range of <head> p {margin: 15px}
<head> range do not link to an external style sheet references (<link rel="stylesheet" href="./css/default.css"/>)
external style sheet references using the @ import <head> range <style teyp="text/css"> import.url (URL) </ style>
<Meta http = equiv = "Context-Style-Type" content = "text / css"
Priority
Been included in the selectors ID
Virtual keulreseu and class attributes
Elements that are included in the selectors
Possible to define the highest priority! Important
Selectors and virtual classes, virtual elements
Technology selector: selector * If you can specify the style to all the elements
When you fill in the name of an element type selector: select me to fill specifies the elements in style
specify the style class selectors: class people by giving the name of an element. In addition, you can specify the styles to the element that defines the element name without the class name of the corresponding class people.
style by writing a value of id selectors: element # id (id is a unique value). Used to define only one of the elements of style
class, id can be used as the selection character: alphanumeric (a ~ z, A ~ Z) and start to numeric (0 ~ 9), Unicode (ISO 10646), recognized as some of the characters that
Selector combination
How to apply a style to all child elements based on the selector selector (parent): parent element poram
Immediately after the child element of the parent element to apply a style selector selector (parent)>:
How to apply a style selector + selector: childNodes elements with the same parent element tree structure
Selectors, selector: multiple-element to apply a style at once
Will be added to the CSS3 selector
Element [attribute ^ = "attribute value": the name of the corresponding property of the element names, attribute values, and the earlier match elements
Element [attribute name $ = "attribute value"] matches the corresponding attribute name of the element names, attribute values, and later contained elements
Element name attribute name * element = "attribute value": the name of the corresponding property of the element names, attribute values, at least one included N.
Brother elements to target elements of indirect element to element, Name: how to apply a style
Virtual class
Child: first-child: first parent-child elements that first appeared in the parent element: style element only apply
Link to Virtual classes: link control link (never opened to the page of the link to apply),: visited (in the open already lost Azzaro link to apply)
Order => link-visited-hover.
Box Model
Contents, border, padding (distance between the border and contents), margins (borders and other elements away) made
Visual formal model
display properties
none: do not have a visual representation
block: its block box elements mandeum
that element inline: inline box mandeum
inline-block elements, but as a block box itself as a replacement element placed in one of the inline box
position properties
static placement (usually between elements that affect)
relative: relative placement moved from its original position (relatively)
absolute: absolute positioning (no influence among elements)
fixed: fixed placement (+ absolute)
Float
Move the box of the element to float.
clear: float off
display, position, float attribute hierarchical rules
position properties and display properties none ahmyeon ignores the float property
absolute, fixed display the value of the property, if the value of the position attribute block, the float property value none
float property value is none other than the block display property values
accept other value is set display properties
z-index: elements of the overlap due to overlapping sequence specifies the high value (Fast Net)
Textual representation of the direction of
> left) direction: basic text notation direction (ltr: left> right, rtl: right
unicode-bidi
nomal: the direction of Unicode as the default notation
embed: directon property set in one direction
bidi-override: inline, block> </ inline> </ block> unicode notation void set direction
width, height property rules
Unsubstituted inline element width and height attributes can not be applied to increase the line-height attribute (specify)
Determined by the absolute positioning block-level elements including blocks of equations
Width =
The height of the inline box: line-height attribute specifies the
Specify the vertical position of the inline box: vertical-align
Visual Effects
overflow attribute: How to handle the size of the element is outside
outgoing visible: Box cut side of the outer box displays 0
hidden: outgoing box cut box outer display x
scroll: Box outgoing cut scrollbar created using the scrollbar to see the contents.
fluid shows rely on the browser to auto:
clip properties to extract some of the elements:
extracted using the rectangle rect: element-centric (+ element inside the element outer)
to specify the size of auto elements, such as
box elements: visibility attribute not seem seem to specify the layout (visible should look hidden: invisible. yeokyeok x affects)
Fore Color
colorization color attribute: text element
An element that does not contain the text you can refer to the color property, means the value of the color attribute specifies that
Background
color in the background of the element, specify image background-color:
The background of the box generated by the element content, padding, border region
Margin is always transparent
Regulations transparent default value set in the background of the parent element shines
Brightness, text color and background color for each of the RGB values from 0 to 255 in decimal notation, calculated by the formula {(R * 299) + (G * 587) + (B * 114)} / 1000:
Chrominance: 0 to 255 in decimal notation, the characters and background color with the RGB value of each (max (R, R) + {max (G, G)-min (G, G)} + max (B, B)-min calculated by the formula (B, B))
iteration of the background image, background-repeat attribute:
repeat: vertical, horizontal repeat, repeat-x repeat in the horizontal direction, repeat-y in the vertical direction, repeat, no-repeat: repeat x
to specify the background image to move, fixed background-attachment:
scroll: scroll with the background image to move
fixed: Browser Display 00 on a fixed
Specifies the initial position of the background image, background-position:
batch specify of the properties of the background can be
Font
specify a font-family: geulgol family name specifies the name of the representative of the family
Font-family: Arial, Helvetica ........ etc.
Representative family: serif, sans-serif, cursive, fantasy, monospace
font-variant: the font variant attribute
nomal: normal font
small-caps: size of fonts converted to uppercase, lowercase digit occupies the same
font-weight: specify the weight of the font
100-900: The larger the size of bold
nomal 400 as the thickness of
bold: 700 and the same thickness
bolder: Inheritance thickness reflects the maximum
lighter: Inheritance thickness reflects the minimum value
font-stretch: attribute that specifies the self-destruct Post
specify the size of the font-size: font
Accessibility is lowered by some absolute units when specifying the browser, the user can not change the font size by changing the settings
font-size-adjust: adjust the font size
Text
Specifies the width of the indent text-indent: the rows of text that first appeared in
text-align: text spirits
right, left, center, right, left, center-aligns
justify both ends of the alignment, inline text box itself to reduce or increase
text-decoration: specifies the text decorations (underline, the top line, strikethrough)
text-shadow: put text shadow (color, specify the length).
letter-spacing: Specifies the character spacing of text
the words of the text, word-spacing: specifies the interval
text-transform: uppercase and lowercase text conversion
capitalize only the first character of each word is converted to uppercase
uppercase characters converted to uppercase.
lowercase characters converted to lowercase
white-space: elements do not specify how to handle white-space character
prohibits the compressed pre consecutive whitespace characters (as specified spaces show)
compressed into one nomal consecutive whitespace characters
nowrap: successive compressed into one character spaces, line breaks, lack of (A forced line break)
Table
block-level table: Table
inline-table inline-level table
rows in a table-row: tr element generated
table-row-group: a group of rows (tbody) makes
table-header-group: the element header row group (thead) makes
table-footer-group: element footer row group (tfoot) makes
table-column: columns made of the elements (col)
table-column-group elements makes the column group (colgroup)
table-cell: cell makes an element (td, th)
table-caption: elements create a caption (caption)
Orthopedic visual table model
___________________
| Caption element> |
--------------------
|> | Table element box
--------------------
cation-side: specify the location of the caption.
table-layout: specifies how to layout a table-related elements.
specify the model displays a border border-collapse:
separate: separated borders model, the border of the border of the entire table and each cell is removed
combined model table with Border Border callapse: combined
Coupled model when the border conflict
hidden, border-style value is highest priority if
border-style value none border is the lowest priority.
wide border border-style value if you do not have hidden a priority.
border-stylle Specifies the border-width value to match the value for the cell is a top priority.
border-spacing: cell separation model adjacent to the border of the space
empty-cells: empty cell's border and background separation model specify how to display (show, hide)
Haseo or create any text in the document quotes generated content: before and after pseudo-element combinations generated
List
specifies the list-style-type: list of markers
marker image specify the list-style-image: a list of
list marker location marker box list-style-position: inside of the box the default block box (inside), a basic block of the outer (ouside)
@ Media control rules and
media type
all: All Media screen (pc display), print (print output), aural (audio output), handhold (handset)
@ Import: use an external style sheet references, when
@ Import url ("URL");, @ import "URL"
@ Charset: external style sheet specifies the character code set
External style sheet, the technology in the first
Can not specify multiple external style sheet to one of the
You can not specify style sheet, the style element within a document written
Chapter 4, to decorate a variety of interaction - Web site content
Form installation
Form Iran?
User input, sending the data to the server in the program for the device.
Dynamically generate documentation / processing
The definition of the form
atrion = "URL": data transmission method in a manner corresponding URL
method = "method": the contents of the form to handle the way (basic get)
get data sent through the URL.
sent through the post: Data encapsulation.
properties that are used when the enctype: file transfer
accuser can use an identifier name: form used to
input elements
type attribute
text: a single-line text input field
display the contents concealed, but are limited to alphanumeric password: text element with '*' as
input box with multiple choice checkbox:
adio: single select input box
transmitted through the action to fill the url submit: stored in the form
reset: initialize all of the data in the form
random the buttom button elements in a script or program instructions.
hidden: hidden in the form field does not display the actual data transfer is used.
blood, but not displayed on the screen using hiddne field When transmitting sensitive data to.
textare: multi-line text fields, use an inline element
select elements option elements
Inline elements to create a select option elements using the Select menu.
label elements
Designed to enhance the accessibility for the element tag can not be resolved, but the screen elements to control and, indeed, can be synchronized
Granted explicitly label: label property, fill out the id of the element to the value for the property.
Is implicitly granted Labels: how to include the elements tied to label certain elements.
Multiple labeling is impossible.
fieldset, legend elements
more precise form by the multiple elements within the fieldset: form Groom structured
for grouping things legent: fieldset title
Insert script
Within the client script primarily as a programming language for implementing interactive content in motion processing.
java script as a practical standard scripting language, so far, impossible if you do not use CGI for processing implemented by java script
ECMA script: European electronic calculators ECMA standardized java script is the standard specification.
J script is a scripting language that extends the microsoft readers Saga independently javascript. Browsers other than IE because the stable operation is not guaranteed.
VB script scripting languages: Visual Basic is a subset of browser in addition to IE reliably is not.
Tcl: California University of California at Berkeley, from the GUI or macro scripting language developed in a UNIX environment, the same process in order to develop
Specifying the scripting language
meta element to specify the scripting language you need to (<meta http-equiv="Content-Script-Type" content="text/javascript"/>)
Specify the script specifies the type of the type (of the script MINE), src (specify the external script URI), charset (external script) character code sets
Script when writing <! [CDATA [content JavaScript Department]]> Department General (JavaScript content charactor.) Specifies the
/ / <! [CDATA [
Contents Part
/ /]]>
noscript element script in an environment that is not available when the script is run, you can not replace the element. Will help to improve accessibility.
Event handler
onload event occurs after element has loaded its properties specify
onunload: the property element occurs when you move to a different document
specify the events that occur at the click of a button onclick input device
onmousedown: pressed the mouse cursor to the corresponding element occurs when
occurs when the onmouseup: the corresponding elements in the mouse is pressed, the cursor was floating in the synthe
onmouseover: the corresponding elements in place and when the mouse cursor is occurring
Occurs when the mouse cursor is moved onmousemove: the corresponding elements in the
occurs when the mouse cursor goes out onmouseout: the corresponding elements in the
onfocus: the focus on the elements to be activated if the occurrence
occurs when the onblur: the corresponding element in focus and is becoming inactive
occurs when a specific key is pressed onkeypress: the corresponding elements in the
occurs when onkeydown: specific key is pressed, the corresponding elements in the
occurs when released onkeyup: the corresponding elements in a particular key is pressed.
occurs when the onsubmit: Form contents in the range to be sent to
When you get the form content in the range of initialization occurs onreset:
onselect: the text of the text field, text area, select what happens when an
occurs when the onchange: form the contents of the control has changed and the focus has to be released
Accessibility event handler properties
If you are using a keyboard, mouse movements of the target properties, in order to avoid compromising the accessibility, keyboard, mouse movements, the target property, to specify.
avoid specifying alternative keyboards property because the mouse cursor ondblclick property or properties that rely
Frame insertion
The frame, the ability to insert a document inside another document. () Does not recommend the use of the
Frameset document definition (DTD) that uses frames. (XHTML document type declaration can not be used)
When using the iframe element is used to specify the title in the title.
Insert other documents in addition to the iframe element object elements, it is possible to implement.
object inserted
Object element (an inline element.)
Image: img element
<object data="/images/mg.gif" tyle="image/gif" title="yimiji"> content unit </ object>
Other documents: iframe
object elements by layering elements to the child object elements of a child element (object) just sent.
The hierarchical order of the first object can be specified.
A specific browser or a browser that does not correspond to the data type can not be replaced.
<object data="/movie/overview.mpg" type="video/mpeg" title="bidiohohbeujekteu">
<object data="/image/overview.gif" type="image/gif" title="yimijiohbeujekteu">
Part ..
</ Object>
</ Object>
Smooth transition into Chapter 5 redesign web standards
XHTML1.0 and XHTML1.1 difference
Document type declaration and the difference
Available three formats: Strict, Transitional, Frameset XHTML 1.0: html4.01 like
XHTML 1.1: Strict corresponding to the only available format
how to specify the language code of the html element
XHTML 1.0: lang attribute, xml: lang attribute threatening language code
XHTML 1.1: xml: lang attribute only specifies the
the difference of how to specify the name attribute and the id attribute
XHTML 1.0: name attribute and the id attribute specifies the identifier of the flag Treatment
XHTML 1.1: the abolition of the name attribute to specify only the id attribute is
in html, xhtml conversion
XML declaration
XHTML is the XML declaration at the start of the document: <? Xml version = "1.0" encoding = "euc-kr"?>
version of the xml version, the encoding of the character code sets
XML namespace, language code
XHTML 1.0
<html xmlns=http://www.w3.org/1999/xhtml xml:lang="ko" lang="ko">
XHTML 1.1
<html xmlns=http://www.w3.org/1999/xhtml xml:lang="ko">
MIME type
XHTML <meta http-equiv=""/>
Additional information servers such as HTTP headers, or specify that the output priority
Does not authorize the use XHTML1.1.
script, style elements
script, style elements of '# CDATA' and comments, but the contents of the XHTML '# PCDATA' is changed to the technology, we need you to do, there is now a need to
/ / <! [CDATA [
Contents Part
/ /]]>
Elements and attributes must be written in lowercase
Defined as lowercase in XHTML is case-sensitive and also elements and attributes to lowercase is defined because
Encloses attribute values in quotes
Tasting of empty elements
HTML empty element tags without the need to shut down anat, but not specifically described in (ex <br>) XHTML tag jongpyo shall (ex <br/>)
Tag can not be omitted.
XHTML necessarily omit the start tag and the end tag without technology should be.
Tag is well-formed (well-formed)
Strictly conform to the formatting of the XML by the location of the well-formed: Start and end tags Hin incense g; a
Property can not be outlined (ex) <input type="radio" checked (x)>)
Whitespace characters, spaces, tabs, line feeds, carriage returns four kinds of whitespace characters is considered to be
the name attribute and the id attribute
XHTML1.0 the mix, but the role of the name attribute and the id attribute for each element in the HTML form, the name attribute of the img element is abolished XHTML1.1 a name attribute of map element eliminate AM
Other major differences
Property value of the first whitespace character and the last whitespace character is ignored continuous attribute values within one or two or more whitespace characters by a single trailing space handling
can not contain an element a element in a
img, object, big, small, sub, sup, each element in the pre element can not contain
button elements input, select, textarea, label, button, form, fildset, iframe, isindex of each element can not be
label to another label element can not contain elements
can not contain form elements to a form element.
XHTML abolished element substitution
applet element -> object element to replace
basefont elements -> CSS font-size is replaced by the element
center element -> inline element, the parent element in the text block level elements in the text-align property to center to replace the
replaced by dir element -> ul element
font elements -> CSS color, font-size, font-family as an alternative
replaced by the menu elements -> ul element
XHTML abolished property replacement
lang attribute -> xml: lang attribute to the alternative (1.0 1.1, the two properties, using the xml: lang attribute only)
Chapter 6 cross-browser layout - layout techniques Blige web browser does not discriminate
Implementation and compatibility of the browser
CSS basic rules
IE 5/5.5/6, in the child selector '>' '+', adjacent selectors, attribute selectors ignored
IE 5, Opera7 class select uppercase, lowercase, does not distinguish.
IE 5, Opera7 on the ID does not distinguish between the selection of the upper-and lower-case.
Readers of the browser extension (not implemented to comply with Web standards browsers)
Backward compatibility and upward compatibility
Backward compatibility: existing browser made in the past, and their representation of the code without any problems and seems to be working
Top compatibility: In the future, the browser will be created in the future, and their representation of the code without any problems and seems to be working
Transitional upward compatibility
Correct XHTML markup by using
Control using the correct CSS font / text, colors, margins, etc.
Little use to configure the layout table elements
Nested table x, the same effect as the CSS guhyan
Strict upward compatibility
Correct XHTML 1.0 Strict or Transitional markup using
Correct to use CSS for layout
Separation in the visual representation of the structure
Emphasis on the structure, or preferably not used as a technique for the visual representation of the markup does not use.
Representation and document format conversion
Browser gachun two kinds of representation
Standard way (Standards): Web standards compliant representation
Backward compatibility compatible way (quirks): representation of the way first
Browser equipped with three kinds of representation
Standard way (Standards): Web standards compliant representation
Pretty much the standard way (almost standards): maintaining backward compatibility table or center aligned in the expression of some Web standards compliant by default, but the expression representation.
Backward compatibility compatible way (quirks): representation of the way first
CSS Nuclear
Non-standard, but how to apply through the nucleus, except for some of the browsers by CSS
Star nucleus paste the html selector in front of IE4-6 style, and does not apply to other browsers
Underscores nuclear properties most at the beginning of the underscore (_) is prefixed with Style is being applied in other browsers IE 4-6 etc. Not applicable
Creating an external style sheet
Browser paste '*' in front of the selectors to specify the initial style initialization (* {attribute changes})
The order in which you specify the properties
Properties on the visualization representations or location
Margin or padding, lines, etc. on the box model properties
On the background and color properties
On the font and text properties
Generated content on the properties .... net.
Layout techniques
Document body
Center-aligned
Block elements: the left and right margins to auto value
Specify a value for the center inline elements: text-align elements
Image replacement technique
search using img elements is not possible, in terms of maintenance and are less efficient than the text (preferably avoid the use of the image elements.)
display using image replacement technique
ex) <div>
<p> 1 / </ p>
</ Div>
.... P element image div in dealing By withholding the CSS applies the coated image div is expressed Otherwise, the p element is expressed.
text-indent property
logo representation of the area using the text-indent property to set up a link (specify elements in a block, in order to reduce the margin equal to the width and length of the logo without text properties, border margins, and padding properties to zero, represented by a neat link logo can make.)
Multistage layout
configuration layout using float
Way to deploy a layout using float after another to block elements
ex) center aligned layout deployment
body {
text-align: center;
}
div # header {
width: 400px;
margin-right: auto;
margin-left: auto;
}
div # footer {
clear: both ;/ / space float you do not need to be attached to the sides because goes down.
width: 400px;
margin-right: auto;
margin-left: auto;
}
div # conteiner {
width: 400px;
margin-right: auto;
margin-left: auto;
}
div # content {
width: 400px;
float: right
}
div # sidebar {
width: 120px;
float: left;
}
Layout deployed by positioning
Absolute and relative positioning combination
Implemented by positioning elements relative position to the absolute position of the elements of one of the boxes, and then paste quality
Absolute position and float combination
Position to the absolute position of the elements of one of the boxes, and then paste quality elements using the float property to the desired position (Left, Right) implementation
Combination of margin and absolute position
Position to the absolute position of the elements of one of the boxes, and then paste quality element is placed by using the left and right margin properties.
fixed: the use of non-standard, so not recommended
Chapter 7, designed for a wide variety of users
Accessibility
Reason to keep the accessibility
Web users in all areas of society rapidly increased depending on the variety of users
No comments:
Post a Comment