-
html——结构；css——表现；javascript——行为。 分析一个页面的结构：重点在于HTML的结构和语义化！其次才是表现和行为。查看全部
-
内容与表现相分离查看全部
-
先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。查看全部
-
进阶思路查看全部
-
高手的思路原则查看全部
-
审视他人网页，先不管样式，先审视结构与语义查看全部
-
前段三要素查看全部
-
save查看全部
-
网页换肤：相同的html结构，切换不同的css样式文件进行网页换肤。查看全部
-
【总结】 拿到一个网页设计图的时候，首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上，而不要过多考虑设计图上的样式， 等到html按内容编写完成之后，再考虑样式的实现。 在不改变现有结构的基础上，完成设计图要求的视觉效果。查看全部
-
给<h5>增加背景，将<h6>移动到相应位置即可。【margin:-25px 0 0 50px;】查看全部
-
用【文本缩进text-indent】改变文字的位置。减少<span>等标签的使用。查看全部
-
先按结构和语义编写html代码，然后进行CSS样式设置，减少html和CSS的契合度。 ！！！先从结构上考虑，在现有的结构基础上，只通过样式去改变页面布局。 高级人员思路及制作方法：让整个文档div右移，将头像向左移出文档div。查看全部
-
html——结构；css——表现；javascript——行为。 分析一个页面的结构：重点在于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;} div{background:#460E29;width:700px;padding:20px} img{margin-right:10px;padding: 1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); height:95px;width:95px;} </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
提交
取消