网页首页设计参考线 第1篇
2. 设置参考线:
- 选择“视图”菜单中的“参考线”选项。
- 在弹出的对话框中,设置参考线的间距和颜色。
3. 绘制页面元素:
- 导航栏:确定导航栏的位置和样式,如顶部、侧或右侧。添加导航链接。
- 图标生成:工具能够自动生成与设计风格相匹配的图标。
4. 页面元素制作:
- 按照设计需求,利用工具绘制其他页面元素,如图片、文字等。
5. 动画效果:
- 利用工具提供的深度学技术,自动生成动画效果代码。
- 选择丰富的动画模板,快速实现动画效果。
网页首页设计参考线 第2篇
上面代码中 p 元素也是有参考线的,因为文字一定处在行盒的里面,如果没设置行盒,则会自动增加一个行盒包裹文字。因为文字是根据参考线排列的,如果没有行盒,就没有参考线,那么文字无法排列了。所以文字一定在行盒里面,会包裹一个匿名行盒。
文字也有参考线,元素也有参考线,默认情况下是基线对齐(文字的基线和元素的基线对齐)的,比如 p元素的基线和M文字的基线对齐。
行盒是:inline-box
**line-box:**行盒组合起来,可以形成多行,每一行的区域叫做line-box,line-box的顶边是该行内所有行盒最高顶边,底边是该行行盒的最低底边
line-box 是承载文字内容的必要条件,以下情况不生成line-box
vertical-align的值:
baseline:该元素的基线与父元素的基线对齐 super:该元素的基线与父元素的上基线对齐 sub:该元素的基线与父元素的下基线对齐 text-top:该元素的 top 与父元素的 text top 对齐(注意是增加 gap 的) text-bottom:该元素的 bottom 与父元素的 text bottom 对齐(注意是增加 gap 的) top:该元素的 top 与 line-box 的顶边对齐 bottom:该元素的 bottom 与 line-box 的底边对齐 middle:该元素的中线(content-area的一半)与父元素的X字母高度的一半对齐。 数值:相对于父元素基线的偏移量。向上为正数,向下为负数。 百分比:相对于自身的 virtual-area 的高度。
一个元素的实际占用高度(高度自动),高度的计算通过line-box计算。
图片:图片的基线位置位于图片的下外边距位置,所以图片会有白边 两种解决方法:font-size:0 或者 display: block
表单元素:表单元素的基线位置在内容的底边
总结的比较乱,凑活看吧……
网页首页设计参考线 第3篇
国际上规定的标准的广告尺寸有下面八种,并且每一种广告规格的使用也都有一定的范围。
一、120×120,这种广告规格适用于产品或新闻照片展示。
二、120×60,这种广告规格主要用于做LOGO使用。
三、120×90,主要应用于产品演示或大型LOGO。
四、125×125,这种规格适于表现照片效果的图像广告。
五、234×60,这种规格适用于框架或左右形式主页的广告链接。
六、392×72,主要用于有较多图片展示的广告条,用于页眉或页脚。
七、468×60,应用最为广泛的广告条尺寸,用于页眉或页脚。
八、88×31,主要用于网页链接,或网站小型LOGO。
其中关于网站的LOGO,目前有三种规格:
*31 这是互联网上最普遍的LOGO规格。
*60 这种规格用于一般大小的LOGO。
*90 这种规格用于大型LOGO。