HTML 透明、阴影，圆角等知识点

页面返回按钮，点击可返回到上一页

onclick="javascript:history.back(-1);" 可用于任何元素的点击事件

如： <input type="button" onclick="javascript:history.back(-1);">

table两个属性：

cellpadding：内容与单元格边框的距离，内部距离

cellspacing：单元格之间的距离，外部距离

table合并边框线：

border-collapse: collapse;

table合并单元格：

跨行合并：rowspan="3(所跨行数，数字)";//上下合并

跨列合并：colspan="3(列数)";//左右合并

单选框/复选框定义只读的属性以及js/jquery赋值：

如果在需要用到单选/复选框显示数据，查看时不能对选择框默认的选项进行修改，

就用到 onclick="return false" 这个属性，这个属性只读，不能在查看中修改，可以进行js赋值

<input type="checkbox" />复选框只读

<input type="radio" />单选框只读

如何用js/jquery给他们赋值：

js: document.getElementById('check_btn').checked=true;获取的选择框的选中事件赋值为选中

document.getElementById('rad_btn').checked= true;

jquery：$("#check_btn").attr("checked", "checked");用attr将获取的选择框属性改为选中

$("#rad_btn").attr("checked", "checked");或者("checked","true")

超链接去下划线：

a:link { text-decoration: none;color: blue}

　　 a:active { text-decoration:blink}

　　 a:hover { text-decoration:underline;color: red}

　　 a:visited { text-decoration: none;color: green}

其中：

　　a:link 指正常的未被访问过的链接；

　　a:active 指正在点的链接；

　　a:hover 指鼠标在链接上；

　　a:visited 指已经访问过的链接；

　　text-decoration是文字修饰效果的意思；

　　none参数表示超链接文字不显示下划线；

　　underline参数表示超链接的文字有下划线

文本框加文字水印：

placeholder=“输入的文字”

例：<input type="text" placeholder="请输入课程名字" />

文本域

去掉某些浏览器查看时右下角显示的斜线：

在css样式中加一条：resize: none;

DIV圆角：

-moz-border-radius: 65px;

-webkit-border-radius: 65px;

border-radius: 65px;

阴影：

前两个是往左侧和上侧移动的距离，第三个是阴影的扩散程度以及最后一个阴影颜色

box-shadow: 3px 5px 22px black;

阴影颜色，四周阴影宽度，扩散程度

-webkit-box-shadow: black 0px 0px 20px;

-moz-box-shadow: black 0px 0px 20px;

box-shadow: black 0px 0px 20px;

透明：

filter: alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

鼠标移入变小手

cursor:pointer;

字符间距：letter-spacing: 30px;

文字下划线：text-decoration:underline;/*下划线*/