< body> < p> </ p> < br> < strong> </ strong> < br> < b> </ b> < br> < em> </ em> < br> < i> </ i> < br> < code> </ code> < br> < sub> </ sub> < br> < sup> </ sup> < br> < big> </ big> < br> < small> </ small> < br> < pre> </ pre> < code> </ code> < br/> < kbd> </ kbd> < br/> < tt> </ tt> < br/> < samp> </ samp> < br/> < var> </ var> < br/> < p> < b> </ b> </ p> < address> < ahref = " mailto:webmaster@example.com" > </ a> < br> < br> < br> < br> </ address> < abbrtitle = " etcetera" > </ abbr> < br/> < acronymtitle = " World Wide Web" > </ acronym> < p> </ p> < p> </ p> < p> </ p> < p> < del> </ del> < ins> </ ins> </ p> < h1style = " text-align : center; " > </ h1> < br> < spanstyle = " font-size : 20px; " > </ span> < br/> < ahref = " http://www.zysheep.cn" style = " text-decoration : none; " target = " _blank" > </ a> < tableborder = " 1px" cellpadding = " 10" cellspacing = " 10" > < caption> </ caption> < tr> < th> </ th> < th> </ th> </ tr> < tr> < td> </ td> < td> </ td> </ tr> </ table> < h4> </ h4> < ul> < li> </ li> < li> </ li> < li> </ li> </ ul> < ol> < li> </ li> < li> </ li> < li> </ li> </ ol> </ body>
< body> < h1> </ h1> < divid = " container" style = " width : 500px" > < divid = " header" style = " background-color : #FFA500; text-align : center; cursor : pointer; " > < h1style = " margin-bottom : 0; " > </ h1> </ div> < divid = " menu" style = " background-color : #FFD700; height : 200px; width : 150px; float : left; " > < ul> < li> </ li> < li> </ li> < li> </ li> < li> </ li> </ ul> </ div> < divid = " content" style = " background-color : #EEEEEE; height : 200px; width : 350px; float : left; " > < h3> </ h3> </ div> < divid = " footer" style = " background-color : #FFA500; text-align : center; " > </ div> </ div> < h1> </ h1> < tablewidth = " 500" border = " 0" > < tr> < tdstyle = " background-color : #FFA500; text-align : center; " colspan = " 2" > < h1> </ h1> </ td> </ tr> < tr> < tdstyle = " background-color : #FFD700; width : 150px; height : 100px; vertical-align : top; " > < ul> < li> </ li> < li> </ li> < li> </ li> < li> </ li> </ ul> </ td> < tdstyle = " background-color : #eeeeee; height : 200px; width : 350px; " > </ td> </ tr> < tr> < tdstyle = " background-color : #FFA500; text-align : center; " colspan = " 2" > </ td> </ tr> </ table> </ body>
< body> < div> < iframesrc = " day01.html" width = " 500" height = " 500" frameborder = " 0" name = " iframe_1" > </ iframe> < ahref = " http://www.zysheep.cn" target = " iframe_1" style = " text-decoration : none; " > </ a> </ div> < div> < iframesrc = " day02.html" width = " 500" height = " 500" > </ iframe> </ div> </ body>
< head> < title> </ title> < styletype = " text/css" >
header,
section,
footer,
aside,
nav,
article,
figure {
display : block;
margin : auto;
}
</ style> </ head> < body> < section> < h1> </ h1> < p> </ p> </ section> < section> < h1> </ h1> < p> </ p> </ section> < article> < h1> </ h1> < p> </ p> </ article> < nav> < ahref = " /html/" > </ a> < ahref = " /css/" > </ a> < ahref = " /js/" > </ a> < ahref = " /jquery/" > </ a> </ nav> < p> </ p> < aside> < h4> </ h4> < p> </ p> </ aside> < article> < header> < h1> </ h1> < p> < timepubdate datetime = " 2011-03-15" > </ time> </ p> </ header> < p> </ p> </ article> < footer> < p> </ p> < p> < timepubdate datetime = " 2012-03-01" > </ time> </ p> </ footer> </ body>
< head> < title> </ title> < styletype = " text/css" >
#box1 {
margin : auto;
width : 150px;
height : 150px;
border : 5px solid blue;
}
#box2 {
background-color : blue;
margin-left : 40px;
margin-top : 20px;
width : 50px;
height : 50px;
border : 5px solid red;
text-align : center;
padding : 5px;
outline : green dotted thick;
}
</ style> </ head> < body> < divid = " box1" > < divid = " box2" > </ div> </ div> </ body>
< head> < title> </ title> < styletype = " text/css" >
img.img1 {
top : 0px;
position : sticky;
width : 500px;
height : 300px;
margin-left : 30px;
border : 2px solid #4CAF50;
}
img.img2 {
position : fixed;
width : 200px;
height : 100px;
top : 30px;
right : 5px;
}
img {
display : block;
margin-top : 10px;
}
</ style> </ head> < body> < imgclass = " img1" src = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgclass = " img2" src = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > </ body>
< head> < title> </ title> < styletype = " text/css" >
div {
border : 2px solid blue;
background-color : #00FFFF;
width : 150px;
height : 100px;
overflow : auto;
}
</ style> </ head> < body> < div> </ div> </ body>
< head> < title> </ title> < styletype = " text/css" >
img {
float : left;
width : 110px;
height : 90px;
margin : 10px;
}
h2 {
clear : both;
margin-left : 10px;
}
</ style> </ head> < body> < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < h2> </ h2> < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > </ body>
< head> < title> </ title> < styletype = " text/css" >
.center {
margin : auto;
border : 2px solid #73AD21;
width : 50%;
padding : 10px;
text-align : center;
}
img {
display : block;
margin : auto;
}
</ style> </ head> < body> < divclass = " center" > </ div> < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > </ body>
< head> < title> </ title> < styletype = " text/css" >
body {
margin : 0;
}
ul {
list-style-type : none;
margin : 0px;
padding : 0px;
width : 200px;
height : 100%;
background-color : #f1f1f1;
position : absolute;
overflow : auto;
}
li {
text-align : center;
}
li a {
text-decoration : none;
color : #000000;
padding : 8px 16px;
display : block;
}
li a.active {
background-color : #4CAF50;
color : white;
}
li a:hover:not(.active) {
background-color : #555;
color : white;
}
</ style> </ head> < body> < div> < ul> < li> < aclass = " active" href = " day01.html" target = " iframe_main" > </ a> </ li> < li> < ahref = " #news" > </ a> </ li> < li> < ahref = " #contact" > </ a> </ li> < li> < ahref = " #about" > </ a> </ li> </ ul> </ div> < divstyle = " position : fixed; margin : 80px 320px; height : 100%; " > < iframewidth = " 990px" height = " 600px" name = " iframe_main" > </ iframe> </ div> </ body>
< head> < title> </ title> < styletype = " text/css" >
body {
margin : 0;
padding : 0;
}
ul {
text-align : center;
list-style-type : none;
margin : 0;
padding : 0;
}
li {
display : inline;
}
li a {
margin : 10px 20px;
padding : 10px;
text-decoration : none;
}
.active {
background-color : #4CAF50;
color : white;
}
a:hover {
background-color : #555;
color : white;
}
a:active {
background-color : #4CAF50;
color : white;
}
</ style> </ head> < body> < div> < ul> < li> < aclass = " active" href = " day07-position.html" target = " iframe_name" > </ a> </ li> < li> < ahref = " day08-overflow.html" target = " iframe_name" > </ a> </ li> < li> < ahref = " day09-Float浮动.html" target = " iframe_name" > </ a> </ li> < li> < ahref = " #about" > </ a> </ li> </ ul> </ div> < div> < iframewidth = " 1300px" height = " 600px" name = " iframe_name" style = " margin : 50px 60px; text-decoration : none; " > </ iframe> </ div> </ body>
< head> < title> </ title> < styletype = " text/css" >
img {
opacity : 0.4;
width : 150px;
height : 113px;
}
img:hover {
opacity : 1.0;
}
</ style> </ head> < body> < imgclass = " img1" src = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > < imgsrc = " http://cdn.panyucable.cn/zysheep/al1_top.jpg" > </ body>
< head> < title> </ title> < styletype = " text/css" >
#grad1 {
height : 200px;
background-color : red;
background-image : linear-gradient ( #e66465, #9198e5) ;
}
#grad2 {
height : 200px;
background-color : red;
background-image : repeating-radial-gradient ( red, yellow 10%, green 15%) ;
}
</ style> </ head> < body> < h3> </ h3> < p> </ p> < divid = " grad1" > </ div> < h3> </ h3> < p> </ p> < divid = " grad2" > </ div> </ body>
扫一扫
589
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
