html网页设计中注意细节及经验之谈

细节:

ul ol dl分别在什么情况下用?

1,无序列表:

①无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小圆圈)进行标记。

②无序列表始于(ul)标签,每个列表项始于(li)。

<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>

2,有序列表

①有序列表也是一列项目,列表项目使用数字进行标记。

②有序列表始于(ol)标签,每个列表项始于(li)标签。

3,定义列表:

①自定义列表不仅仅是一列项目,而是项目及其注释的组合。

②自定义列表以(dl) 标签开始,每个自定义列表项以(dt)开始,每个自定义列表项的定义以

(dd)开始。

<dl>
<dt>我是头1</dt>
<dd>我是内容1</dd>
<dt>我是头2</dt>
<dd>我是内容2</dd>
</dl>

 

经验之谈:

  1. html中俩个以上的标签(多个盒子)有公共属性,无需都写,直接在css中抽出公共类,写样式即可;
  2. 行高等于高文字居中,行高小于高文字偏上;
  3. 开发中logo用背景图片;
  4. css注释区别标签和类名;
  5. 一个盒子没有宽度,padding值不会撑开盒子;
  6. 行元素没有大小,转成块元素;
  7. display属性是用来设置元素的类型及隐藏的,常用的属性有;
  8. none 元素隐藏切不占位置;
  9. block 元素以块元素显示;
  10. inline 元素以内联元素显示;
  11. inline - block 元素以内联块元素显示;
  12. 浮动的盒子可以直接给大小;
  13. 距离边框的值用padding或者margin,边框有宽度时,需要将之前的宽度减去padding值;

猜你喜欢

转载自www.cnblogs.com/xulixia520zhangpengfei/p/12291790.html
今日推荐