JS和CSS知识点(二)

原创 2013年12月04日 09:43:30

table中的两个属性:
colSpan:设置获取单元格要跨越的表格列数
rowSpan:设置获取单元格要跨越的表格行数

 

关于IE调试工具不显示窗口解决办法?
在任务栏中点击右键,选择“移动”,在键盘上输入“空格+——>”组合键(注意顺序),窗口就被鼠标吸引了,移动鼠标就可以看到窗口

 

CSS样式解释说明:
.config_table2 td{
 width:180px;
 *width:360px;       //如果是IE就用这个样式
}

scrollWidth、clientWidth、offsetWidth区别?
clientWidth:是对象的可见度,不包括滚动条边线,会随窗口的显示大小改变
scrollWidth:是对象实际内容的宽度,不包边线宽度,会随对象中内容的多少改变(内容多了可能会改变对象的实际宽度)
offsetWidth:是对象的可见宽度,包括边线和滚动条,会随窗口的显示大小改变

 

当页面中的表单变化可以使提交按钮变为可用状态?(jquery的使用)

function bindTextControl(disableControlId)
{
	if(""==disableControlId){
		return false;
	}
	$("input[type='text']").bind("change",disableControlId,enabledControl);
	$("input[type='text']").bind("paste",disableControlId,enabledControl);
	$("input[type='text']").bind("keydown",disableControlId,enabledControl);
	$("input[type='text']").bind("keyup",disableControlId,enabledControl);
	$("input[type='password']").bind("change",disableControlId,enabledControl);
	$("input[type='password']").bind("paste",disableControlId,enabledControl);
	$("input[type='password']").bind("keydown",disableControlId,enabledControl);
	$("input[type='password']").bind("keyup",disableControlId,enabledControl);
	$("select").bind("change",disableControlId,enabledControl);	
}

function enabledControl(controlId){
	var vId="";
	if("string" == typeof(controlId)){
		vId = controlId;
	}else{
		vId = controlId.data;
	}
	var oCtrl = null;
	if(vId == null){
		return false;
	}
	if("string" == typeof(vId)){
		oCtrl = document.getElementById(vId);
	}
	if(null != oCtrl){
		oCtrl.disabled = false;
		oCtrl.style.color = "#000000";
	}
}

 

在Opera 10.7中,样式(CSS)写得不好导致页面/浏览器挂死,原来设定的table为400px,而实际指定的table宽度却超过了400px;就导致浏览器解析异常,出现浏览器挂死的现象,解决方法就是最外层的table宽度加宽。

 

点击链接文字没有出现链接效果?
<a href="http://www.baidu.com" target="_blank">
 <label>百度</label>
</a>
备注:当用户点击“百度”文字的时候,链接打不开,即链接没有任何反映,因为label标签的影响,解决方案就是将label标签改为span或者是去掉,打开一个新窗口的属性是“_blank”而不是"blank"

将title属性的值与链接文字内容一致能够提高用户体验(小技巧)

 

表单的边框效果可以通过CSS来控制,这样可以改变页面显示的效果和美观:
eg:  <input type="text" style="border-color:red"/>
border-top-color
border-left-color
border-right-color
border-bottom-color

border-style影响包括:点、实线、虚线、3D、凹凸槽等,这些都有上下左右

 

打开计算器的命令:calc

 

css+js初步知识点总结

课程目标 css了解 js掌握、、、、、、、、、、、、、、、、、 块级标签 行内标签 css:渲染 层叠样式表 作用:渲染页面 提高工作效率 格式:选择器{属性:值;属性1:...

html+css+js中的小知识点汇聚(无序 停更)

HTML: css: 1.id比class的优先级更高

Codecademy上的HTML/CSS课程知识点总结(二)

HTML基础(二) 有序表(ordered list) Raindrops on roses Whiskers on kittens Bright copper kettles Warm w...

CSS基础知识点轨迹(二)

用两个冒号表示伪元素,一个冒号表示伪类 1.伪类: :focus焦点键入样式 :first-child第一个子元素 :lang带有lang属性的样式 2.伪元素 ::first-lette...

HTML+CSS知识点(二)

一,css样式 1-1 认识css样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。...
  • liuyi6
  • liuyi6
  • 2017年06月04日 20:55
  • 69

飞雀教育CSS3知识点:文本属性

  • 2016年08月15日 17:50
  • 11KB
  • 下载

css知识点1

  • 2017年02月22日 12:06
  • 22KB
  • 下载

CSS3知识点整理(二)----CSS3选择器

总结各种CSS3选择器的介绍及具体语法 (一)属性选择器  在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概...

JS中的基础知识点

  • 2017年08月09日 00:41
  • 441KB
  • 下载

C++、JS、jQuery小知识点积累

  • 2012年08月08日 08:39
  • 19KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS和CSS知识点(二)
举报原因:
原因补充:

(最多只允许输入30个字)