-
1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。查看全部
-
html ——>结构 css ——>表现 javascript ——>行为 结构表型和行为的分离 重点放在HTML的结构和与语义化上,先别过多的想样式查看全部
-
结构与表现分离 赞查看全部
-
先考虑设计图中的模块以及元素之间的关系,重点放在HTML的结构和语义化代码上,不要过多的考虑布局图上的设计样式查看全部
-
先考虑设计图中的模块以及元素之间的关系,重点放在HTML的结构和语义化代码上,不要过多的考虑布局图上的设计样式查看全部
-
text-indent 文本缩进 减少div查看全部
-
【微博布局高级】 强大的margin负值…… 尽量减少不必要的div!查看全部
-
高级思路查看全部
-
高级思路查看全部
-
先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。查看全部
-
text-indent 文字缩进查看全部
-
1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化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;} div{background:#460E29;width:700px;padding:20px} img{width:95px;height:95px; padding:1px 20px 37px 30px; margin-right:10px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);} </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>查看全部
-
<!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{?background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); ?} </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>查看全部
-
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。查看全部
举报
0/150
提交
取消