-
html,css结构和样式相分离查看全部
-
网页制作中 结构、表现、行为分离查看全部
-
结构与表现分离: html中减少div和span的使用; 可以用缩进text-indent代替定位。查看全部
-
给img设置了padding后就把img这个盒子给撑大了,该盒子没有图片的部分就将后面的背景给显示了出来查看全部
-
设计规则查看全部
-
初级学者思路:div层层套进去 中级学者思路:去掉多余的div,简化html结构 高级思路:进一步简化html,减少html与CSS的契合度查看全部
-
所谓结构与表现的分离,说的是一种思想思维方法<br> 而不仅仅是指写代码的方式 写网页时应该先从结构出发,不要过多的考虑样式查看全部
-
在margin属性中一共有两类参考线,top和left的参考线属于一类,right和bottom的参考线属于另一类。top和left是以外元素为参考,right和bottom是以元素本身为参考。<br> <br> 正的数值会产生间隔,负的数值会拉近距离。 <br> 规律:当margin四个值都为正数值的话,那么margin按照正常逻辑同周围元素产生边距。当元素margin的top和left是负值时会引起元素的向上或向左位置移动。而当元素margin的bottom和right是负值时会影响右边和下边相邻元素会被提上去或者拉过来 当元素(不是浮动元素)的margin-top/margin-left被赋予负值时,元素将被拉进指定的方向;但如果设置margin-bottom/right为负数,元素并不会如你所想的那样向下/右移动,而是将后续的元素拖拉进来,覆盖本来的元素。查看全部
-
为什么设置了内边距背景图就显示出来了呢? 根据CSS盒子模型,一个元素,从上到下分为边框,内容和内边距,背景图,外边距,背景颜色,共5个层次.开始时,因为没有设置内边距,盒子内部尺寸等于内容的尺寸,因此,处于第二层的内容将处于第三层的背景图遮挡住.设置了内边距之后,盒子的内部空间被扩展,第二层的内容不再占据整个盒内空间,空余处的背景图也就被显示出来了!查看全部
-
网页换肤: 相同的html结构,不同的css样式查看全部
-
初级的人员思路及制作方法:div层层嵌套。 中级的人员思路及制作方法:去掉多余的div,进行简化。 高级的人员思路及制作方法:简化结构,并在现有结构基础上,只通过样式去改变它的布局,就完成了一个视觉效果。 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度查看全部
-
网页制作需要遵循的原则:先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写HTML结构和语义化,然后考虑CSS布局和表现形式查看全部
-
1、拿到一个网页的设计图时,首先关注网页的文字内容及内容模块之间的关系,把重点放在编写html语义化的代码上,而不要过多的考虑设计图上的布局样式,等html按内容编写完以后再考虑样式如何实现,力求不改变样式结构的基础上完成要求的视觉效果。语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用! 2、利用margin属性来移动设置html结构.margin可以是负值,通过负值,可以使该内容进行移动!实现四个方向的移动。在结构(HTML)和样式(css)中,可以先把内容通过HTML写出来,再利用margin移动位置,实现排版,降低样式和结构的耦合,并且减少代码。 3、给<h5>增加背景,将<h6>移动到相应位置即可。【margin:-25px 0 0 50px;】。对于可以复制的文本,做到与背景间的分离:可以利用文本区的缩进:text-indent。查看全部
-
有些文本性的东西 可以通过设置文本缩进(text-indent:580px;)来定义显示位置 例如该网页中德电话号码,利用文本缩进查看全部
-
1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。查看全部
举报
0/150
提交
取消