-
随着技术的发展,出现把结构(HTML),表现(CSS),和行为(JS)分离的思想。那什么才是真正的分离呢,不是把它们分别写在分开的文件里,而是像盖房子一样,先从结构出发,做到HTML结构合理简洁,再加上CSS样式。编写网页的时候不要被CSS样式打扰,而要把重点放在HTML结构的语义化上查看全部
-
为什么设置了内边距背景图就显示出来了呢? 根据CSS盒子模型,一个元素,从上到下分为边框,内容和内边距,背景图,外边距,背景颜色,共5个层次.开始时,因为没有设置内边距,盒子内部尺寸等于内容的尺寸,因此,处于第二层的内容将处于第三层的背景图遮挡住.设置了内边距之后,盒子的内部空间被扩展,第二层的内容不再占据整个盒内空间,空余处的背景图也就被显示出来了! image标签是图片的容器查看全部
-
1、拿到一个网页的设计图时,首先关注网页的文字内容及内容模块之间的关系,把重点放在编写html语义化的代码上,而不要过多的考虑设计图上的布局样式,等html按内容编写完以后再考虑样式如何实现,力求不改变样式结构的基础上完成要求的视觉效果。语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用! 2、利用margin属性来移动设置html结构.margin可以是负值,通过负值,可以使该内容进行移动!实现四个方向的移动。在结构(HTML)和样式(css)中,可以先把内容通过HTML写出来,再利用margin移动位置,实现排版,降低样式和结构的耦合,并且减少代码。查看全部
-
在网页制作中,面对设计图,网页制作人员一般要遵循的原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。查看全部
-
深化结构与表现分离的思想: 文本可以使用text-indent:文本缩进标签,实现定位;在固定的宽度中适应查看全部
-
先按结构和语义编写代码 然后进行CSS样式设置 减少HTML与CSS契合度 <style> .demo{width:458px; padding:20px; background:#9CF; border:1px solid #ccc; margin-left:20px; position:relative;} .demo img{float:left; margin:-20px 0 0 -100px;} .demo p{font-size:12px; line-height:24px;} .demo span{position:absolute; right:20px; top:10px; font-size:12px;} </style> <div class="demo"> <img src="image" /> <h6>名称</h6> <p>段落</p> <span>时间</span> </div>查看全部
-
1.Html:先关注内容及模块的关系,重点编写html语义化,不要考虑样式。 2.布局:使用margin或浮动、定位来布局对象的位置 3.样式:最后是样式来装饰html标签查看全部
-
结构与表现的分离: text-indent:使文本缩进到想要的位置。 只是一行简短文字数字,可以用段落排版的思路来“定位”,即用text-indent:**px 缩进来达到目的。 如果设置一个极小的负值,则可以在浏览器上隐藏文本,却又能被搜索引擎搜索到查看全部
-
重点放在html的结构和语义化上查看全部
-
123查看全部
-
html-结构 css-表现 javascr-行为查看全部
-
html-结构 css-表现 javascr-行为查看全部
-
尽量减少div的思想查看全部
-
文本缩写: text-indent查看全部
-
先通过HTML设定结构,再由CSS来进行布局。查看全部
举报
0/150
提交
取消