-
采用text-indent文本缩进定位查看全部
-
先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式查看全部
-
text-indent:文本缩进查看全部
-
因为img的背景图片在没有设置padding的时候，是被图片覆盖了的，所以要设置padding这样可以把img标签撑大，就可以把背景图片显示出来了。查看全部
-
2-4排行榜制作： 拿到一个网页设计图的时候，首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上，而不要过多考虑设计图上的样式， 等到html按内容编写完成之后，再考虑样式的实现。 在不改变现有结构的基础上，完成设计图要求的视觉效果查看全部
-
网页简单布局之结构与表现的原则： 第2章 结构与表现相分离的思想 2-1：微博用户发言信息列表： 1.初学者的理解与定义：div层层嵌套。 2.中级者的理解与定义：去掉多余的div，进行简化。 3.高手的理解与定义： 最大化的简化html的结构，然后用css进行设置，减少html与css的契合度查看全部
-
先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式查看全部
-
高级设计者的布局思路查看全部
-
结构表现 和行为查看全部
-
网页换肤：相同的html结构，切换不同的css样式文件进行网页换肤。查看全部
-
2-4排行榜制作： 拿到一个网页设计图的时候，首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上，而不要过多考虑设计图上的样式， 等到html按内容编写完成之后，再考虑样式的实现。 在不改变现有结构的基础上，完成设计图要求的视觉效果 给<h5>增加背景，将<h6>移动到相应位置即可。【margin:-25px 0 0 50px;】查看全部
-
网页布局之结构与表现原则： 第二章：结构与表现分离的思想： 2-3电话号码布局制作： 不应该为了样式而添加无意义的标签 【文本缩进text-indent】改变文字的位置。减少<span>等标签的使用查看全部
-
网页简单布局之结构与表现的原则： 第2章 结构与表现相分离的思想 2-1：微博用户发言信息列表： 1.初学者的理解与定义：div层层嵌套。 2.中级者的理解与定义：去掉多余的div，进行简化。 3.高手的理解与定义： 最大化的简化html的结构，然后用css进行设置，减少html与css的契合度查看全部
-
网页简单布局之结构与表现原则：1.网页结构与表现，行为的分离查看全部
-
<!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"> <!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;} div{background:#460E29;width:700px;padding:20px} img{width:95px;height:95PX;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin:10px;} </style> </head> <body> <div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div> </body> </html>查看全部
举报
0/150
提交
取消