Home > Developer > Web Develop
Proficient in Div+css
Meta
1. Div span
2, three style sheets
inline style (inline style)
Embed style
External styles
Nearest principle
3. Common styles
Composite style background border
CSS Unit% px em
Background-color
Color
Border-style
Border-width
Border-color
Display:none, block blocks, inline inline
Cursor
List-style-type:none
Float
Clear clears floating
Margin spacing
padding fill
Position relative Absolute fixation
Help
4. Style Selector
Tag Selector input
Class selector.
ID selector #wrap
Tag + class Selector
* contains selector P strong
* Combo Selector h1,h2,input{}
Pseudo selector sets styles for different states of labels
5. Thin border of the table
6.UL make Menu
7. Layout
Table layout
Frame layout
DIV+CSS layout
Homework:
Table Thin Border
UL make menu
Div+css do layout
Let the navigation show to the right
Three-column layout
HTML section
1 HTML BASIC Structure HTML---Hypertext Markup Language
<title> My first page </title>
<body bgcolor= "Red" background= "bg.jpg" >
</body>
2. Text-Related tags
<H1>-<H6> Title
<font> color size face control font color style (arial, italic) after the basic use of CSS
<p> Align <br> paragraph wrapping
<center> <b> <i> Center Bold Italic
<pre> pre-formatted text to keep the text in its original style, hero
Special characters
< > Space left angle bracket right angle bracket
3. Hyperlinks
<a> href target= "_blank"
The absolute path was written dead.
Relative path
Top-level directory: /
Root Path/
Anchor <a name= "Top" > Top </a>
<a href= "#top" name= "Top" > Back to Top </a>
4. Image
alt src Width height border title src path border border alt mouse to display alt text value.
5. List
<ul> Type=disc, Circle, square navigation bar, news headlines
<ol> Type=1,a,a,i,i
6. Forms
<table>align valign rowspan colspan rowspan cross-row colspan
cellpadding filling cellspacing spacing Border bordercolor
7. Forms
<form> method
Form elements
<input> type=submit reset Button Image checkbox Radio text password hidden file hidden hide button for programmers the file button is mainly used for
<textarea>
<select> List
<label>
* B/S Browser/server
8, <fieldset> <legend>
9. <meta>
10. Comment <!--the contents of the note--
* <embed src= "Coder.mp3" loop=true autostart=true name=bgss width= "460" height= "" > Calls to WMP Plug-ins
* <bgsound src= "Town.mid" loop= "true"/> can only play WAV and mid format, only support IE
* Insert Flash
<object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase= "http://download.macromedia.com/pub/ shockwave/cabs/flash/swflash.cab#version=6,0,29,0 "width=" 760 "height=" >
<param name= "movie" value= "light-bot-2205.swf"/>
<param name= "Quality" value= "High"/>
<embed src= "light-bot-2205.swf" quality= "High" pluginspage= "Http://www.macromedia.com/go/getflashplayer" type= " Application/x-shockwave-flash "width=" 760 "height=" ></embed>
</object>
* Scrolling tab <marquee> scrolldelay direction
Legacy issues:
1, text and password not the same length
2, cannot change the length of the button
3, table of the border is too thick table text style
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
