-
网页包含三个层次(没错,它们都需要各自分离) 1.HTML结构 2.CSS表现 3.JavaScript行为 HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。查看全部
-
结构HTML 表现CSS 行为JS 分离查看全部
-
1、拿到一个网页的设计图时,首先关注网页的文字内容及内容模块之间的关系,把重点放在编写html语义化的代码上,而不要过多的考虑设计图上的布局样式,等html按内容编写完以后再考虑样式如何实现,力求不改变样式结构的基础上完成要求的视觉效果。语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用! 2、利用margin属性来移动设置html结构.margin可以是负值,通过负值,可以使该内容进行移动!实现四个方向的移动。在结构(HTML)和样式(css)中,可以先把内容通过HTML写出来,再利用margin移动位置,实现排版,降低样式和结构的耦合,并且减少代码。查看全部
-
结构不使用类选择器使用padding ,而是使用margin: -25px 0 0 50px查看全部
-
将文字行首缩进放在图片上:text-indent: 585px;查看全部
-
先写好整个HTML结构,然后通过样式设置达到布局,图片margin: -20px 0 0 -80px查看全部
-
所以在做设计图的时候,也可以先单纯的考虑需要搭建的主要内容,以及放的位置,然后再想他的样式风格。力求在不改变html结构的情况下用css调整想要的效果查看全部
-
text-indent:?px 文本缩进查看全部
-
初级学者思路:div嵌套 中级学者思路:去掉多余的div,简化html结构 高级学者思路:先按结构和语义编写代码,然后进行CSS演示设置,减少HTML和CSS契合度查看全部
-
结构 表现 行为分离查看全部
-
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。查看全部
-
【盒子层级】 要牢记盒子模型五个层次的上下关系,从上到下依次为 1.border 2.content&padding 3.background-image 4.background-color 5.margin 根据CSS盒子模型,一个元素,从上到下分为边框,内容和内边距,背景图,外边距,背景颜色,共5个层次.开始时,因为没有设置内边距,盒子内部尺寸等于内容的尺寸,因此,处于第二层的内容将处于第三层的背景图遮挡住.设置了内边距之后,盒子的内部空间被扩展,第二层的内容不再占据整个盒内空间,空余处的背景图也就被显示出来了!查看全部
-
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。查看全部
-
先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。查看全部
-
什么是网页换肤? 相同的html结构,不同的css样式查看全部
举报
0/150
提交
取消