-
网页制作中 结构、表现、行为分离，其中 HTML 是结构,CSS是样式，JS是行为查看全部
-
结构与表现的分离： text-indent：使文本缩进到想要的位置。 只是一行简短文字数字，可以用段落排版的思路来“定位”，即用text-indent：**px 缩进来达到目的。 如果设置一个极小的负值，则可以在浏览器上隐藏文本，却又能被搜索引擎搜索到查看全部
-
网页制作中 结构、表现、行为分离，其中 HTML 是结构,CSS是样式，JS是行为查看全部
-
再复杂的网页，都是由小模块组成的查看全部
-
1.Html:先关注内容及模块的关系，重点编写html语义化，不要考虑样式。 2.布局：使用margin或浮动、定位来布局对象的位置 3.样式：最后是样式来装饰html标签查看全部
-
text-indent文本缩进，只能是固定宽度才适应，如果是自适应宽度，是不行的。查看全部
-
先按结构和语义编写代码 然后进行CSS样式设置 精简HTML <div class="demo03"> <img class="userPic" src="images/head01.jpg" width="50" height="50" /> <h5>樱桃小丸子</h5> <p>奥鹏教育是由教育部高等教育司2001年12月批准立项试点，2005年4月正式批准运营的远程教育公共服务体系，为遍布全国的学员提供学历(专升本，高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。</p> <span class="pubTime">10分钟前</span> </div> .demo03 { width: 460px; padding: 20px; position: relative; background-color: #EEF7FF; border: 1px solid #CCC; margin-left: 100px } .demo03 h5 { margin-bottom: 5px } .demo03 p { text-indent: 2em; line-height: 20px } .demo03 .userPic { float: left; margin: -20px 0 0 -100px } .demo03 .pubTime { position: absolute; top: 10px; right: 20px; color: #999; }查看全部
-
使用text-indent文本缩进查看全部
-
text-indent 文本缩进查看全部
-
用直接的思路查看全部
-
先按结构和语义编写代码 然后进行CSS样式设置 减少HTML与CSS契合度查看全部
-
高级思路查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程挑战-图片背景</title> <style type="text/css"> body{ margin:0;} div{background:#460E29;width:700px;padding:20px} img{padding:1px 25px 37px 25px;margin-right:10px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);} </style> </head> <!-- 存在img标签，并且img标签设置了底图，底图为自动铺满 通过分析得知：img标签本身src的图片尺寸小于底图的图片尺寸，这就导致底图被img本身的图片压住了，而图片是没透明度的 所以底图无法显示。底图是带边框花纹的，边框内部大小跟img图片大小相同，所以我们对img标签设置padding属性，给img内部4个方向填充一个边框花纹的距离，这样底图的边框花纹就能显示出来。我们要知道，填充区域是空白的距离。 盒子模型五个层次的上下关系，从上到下依次为border content&padding background-image background-color margin 由于没有为content设置内边距，所以content覆盖了盒子内部，当设置了padding之后，就露出了部分被遮挡的内容 --> <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结构，不同的css样式。查看全部
-
先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。查看全部
举报
0/150
提交
取消