-
demo1的右上角的时间采取绝对定位的方法查看全部
-
编写html编码的时候： 先按结构和语义编写代码；然后样式进行css设置；减少HTML和CSS的契合度查看全部
-
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。查看全部
-
排行榜制作 <div class="rank" <h5>排行榜</h5> <h6>根据网络投票</h6> 设置<h5>背景图标 在之后设置<h6> margin:25px 0 0 50px(根据右外边距移到 排行榜下）查看全部
-
结构与表现的分离： text-indent：使文本缩进到想要的位置。 如果设置一个极小的负值，则可以在浏览器上隐藏文本，却又能被搜索引擎搜索到查看全部
-
HTML-结构 CSS-表现 Javascript-行为 拿到一个案例先要分析结构，不要被样式所迷惑(注意html结构和语义化)查看全部
-
改变图片大小，通过内外边框限制和改变图片位置。查看全部
-
先按结构和语义和编写代码 然后进行CSS样式设置 减少HTML与CSS契合度查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>电话号码</title> <style type="text/css"> body{ margin:0;padding:0;} .wrap{width:620px;margin:0 auto; } .text {text-indent:13em;margin:-20px 0 0;} .text img{text-indent:-1em;} .foot{margin:10px 0 0;} .foot img{margin:0 50px 0 50px;} .foot span{margin:0 65px 0 70px;} </style> </head> <body> <div class="warp"> <img src="#" width=600 height=400> <div class="text"> <img src="#" width=15 height=15> <span>4006-553-664 你想拥有自己的个性网站么 <a>我要建站</a></span> </div> <div class="foot"> <img src="#" width=100 height=100><img src="#" width=100 height=100><img src="#" width=100 height=100> </br> <span>网站建设</span><span>软件开发</span><span>整合推广</span> </div> </div> </body> </html>查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片背景</title> <style type="text/css"> body{ margin:0;padding:0;} .wrap{width:600px;overflow:hidden;} img{float:left;margin:10px 0 0 10px;} h5{margin:20px 0 0 130px;} h6{margin:10px 0 0 130px;} .ranklist{padding:45px 0 0 15px} </style> </head> <body> <div class="wrap"> <img src="#" width=100 height=100> <h5>排行榜</h5> <h6>奥斯卡奖励款</h6> <ul class="ranklist"> <li>文字内容案发发行者常至</li> <li>文字内容</li> <li>文字内容</li> <li>文字内容</li> <li>文字内容</li> </ul> </div> </body> </html>查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>排行榜</title> <style type="text/css"> body{ margin:0;padding:0;} .wrap{width:600px;overflow:hidden;} .wrap .text img{float:left;margin:10px 0 0 10px;} .wrap .rank h5{margin:15px 0 0 150px;} .wrap .rank h6{margin:10px 0 0 150px;} .ranklist{margin:70px 0 0 0;} </style> </head> <body> <div class="wrap"> <div class="text"> <img src="#" width=100 height=100> </div> <div class="rank"> <h5>排行榜</h5> <h6>奥斯卡奖励款</h6> <ul class="ranklist"> <li>文字内容</li> <li>文字内容</li> <li>文字内容</li> <li>文字内容</li> <li>文字内容</li> </ul> </div> </div> </body> </html>查看全部
-
初级思路：div.main -> div.left{float:left;} -> img -> div.right{float:left;} -> h3+p 中级思路：div.main -> img{float:left;} -> div.right{float:left;} -> h3+p 高级思路：div.main{margin-left:100px;} -> img{margin-left:-100px;float:left;} -> h3 -> p查看全部
-
<div class="telBar"> <div class="tel">4006-553-644<a class="linkBtn" href="#">我要建站</a></div> </div> 再使用text-indent:;使文本缩进到想要的位置查看全部
-
高级思路查看全部
-
编写HTML的顺序查看全部
举报
0/150
提交
取消