关于HTML标签中的一些容易忘记常用样式属性

最新推荐文章于 2024-10-23 17:45:03 发布

weixin_33918114

最新推荐文章于 2024-10-23 17:45:03 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/moly/p/6830166.html

本文介绍了网页设计中的关键概念，如margin、padding等样式属性的使用方法，并详细讲解了如何利用frameset进行页面框架划分，包括不同部分的滚动条设置、合并单元格等技巧。

样式说明--样式：

margin, margin-top/left/bottom/right -- 外边距;

padding, padding-top/left/botton/right -- 内边距;

border -- 边界线(border: 'red' 'solid' '1px');

border-collapse -- 去掉table和td的外框线之间空白，

targer -- 跳转目的页面显示位置(框架中可以设置跳转新建页面或者在主界面打开新页面);

td 中的 colspan,rowspan -- 合并列，行;

position -- 标签显示位置(描述可能有部分出入：fixed,固定在窗口绝对位置；relative，相对于自身之前的位置偏移；absolute，没有父级容器时，相对于body偏移，如果有，则相对于父级容器偏移。);

noresize -- 框架的固定(noresize);

scrolling -- 框架中每部分的滚动条(yes,no,auto);

letter-spacing -- 字体间距(5px);

list-style -- 设置li标签的样式;

text-decoration -- 去掉a标签的下划线;

cursor -- 设置鼠标悬浮时候的样式(pointer 小手形状,wait程序忙通常是沙漏或表,crosshair 十字线形状);

一个简单的框架划分:

<frameset rows="60,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="hello_toTop.action" name="topFrame" scrolling="no" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="230,*" frameborder="no" border="0" framespacing="0">
    <frame src="hello_toLeft.action" name="leftFrame" scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="hello_toMain.action" name="mainFrame" scrolling="yes"  id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>

转载于:https://www.cnblogs.com/moly/p/6830166.html