CSS - 随笔分类 - zhuhai

input高级限制级用法

摘要：1.取消按钮按下时的虚线框在input里添加属性值hideFocus或者HideFocus=true2.只读文本框内容在input里添加属性值readonly3.防止退后清空的TEXT文档(可把style内容做做为类引用) <INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput>4.ENTER键可以让光标移到下一个输入框 <inputonkeydown="if(event.keyCode==13)event.keyCode=9">5.只能为中文(有闪动) &l 阅读全文

posted @ 2012-07-18 10:16 zhuhai 阅读(125) 评论(0) 推荐(0)

CSS+Div面试题

摘要：1、 HTML中定义表格的宽度用80px与80%的区别是什么？px表示像素，%表示占整个页面宽度的百分比。2、简述DIV元素和SPAN元素的区别。DIV默认情况下是分行显示，SPAN在同行显示。3、在HTML页面布局中，position的值有哪几种？默认值又是什么？1）position的五种值分别是static, relative, absolute, fixed, inherit2）position的缺省值是static4、怎样使一个宽为200px和高为200px的层垂直居中于浏览器中?写出CSS样式代码。这里使用百分比和绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度一半。5 阅读全文

posted @ 2012-06-21 10:26 zhuhai 阅读(1772) 评论(0) 推荐(0)

CSS边界属性的负值

摘要：在CSS中，如果边界属性取值为负值的时候，元素之间的关系就会因此而变得复杂很多。在垂直方向上，两个元素的边界仍然会重叠，但是此时一个为正值，一个为负值，最后的取值并不是取其中较大的正值，而是用正的边界值减去负边界值的绝对值。即，把正的边界值与负的边界值相加的结果。我们来看一段代码：.content01{ margin-bottom:20px; background:#fffccc;}.content02{ margin-top:-60px; background:#98cdff;}.content03{ width:300px; height:50px; padding-top:30px.. 阅读全文

posted @ 2012-06-21 09:41 zhuhai 阅读(1564) 评论(1) 推荐(1)

如何将宽200px高100px的DIV始终置于阅览器正中。并保证阅览器放大缩小都适应

摘要：<!Doctype html><html><head><style> html,body{ height:100%;/*最好给html,body加上这句，个别浏览器不加这句不灵哦*/ } #mydiv{ background:#666; /*下面几句是重点*/ width:200px;height:100px; position:absolute;left:50%;top:50%; margin-top:-50px; margin-left:-100px; }</style... 阅读全文

posted @ 2012-06-21 09:34 zhuhai 阅读(462) 评论(0) 推荐(0)

HTML中引入CSS的方法

摘要：在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。2.嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <style type="text/css"> ...此处写CSS样式</style></head> 缺点是对于一个包含很多网页的网站，在每个网页中使用嵌阅读全文

posted @ 2012-06-21 09:16 zhuhai 阅读(433) 评论(0) 推荐(0)

CSS样式选择器

摘要：1.css选择器简介要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。 HTML页面中的元素就是通过CSS选择器进行控制的。1.1 类别选择器类选择器根据类名来选择前面以”.”来标志，如： .demoDiv{ color:#FF0000; } 在HTML中，元素可以定义一个class的属性。如： <div class="demoDiv"> 这个区域字体颜色为红色 </div> 同时，我们可以再定义一个元素： <p class="demoDiv"> 这个段落字体颜色为阅读全文

posted @ 2012-06-21 08:56 zhuhai 阅读(1374) 评论(0) 推荐(0)

如何设置span宽度

摘要：给span设置宽度会无效，通过查阅CSS2标准中关于width 的定义发现，CSS中的 width 属性并不总是有效的，如果对象是 inline 对象，width 属性就会被忽略，Firefox 和 IE 是遵循CSS标准，因而直接设置span宽度会无效。如何设置span宽度：1.修改 span 为block 类型并设置float，但这不是完美的解决方法在span的CSS中增加display属性，将span设置为block类型的Element，这样宽度的确有效了，但把前后文字隔在不同行里面，这样其实span就完全变成了div。例：span { background-color:#ffcc00; 阅读全文

posted @ 2012-06-15 17:05 zhuhai 阅读(753) 评论(0) 推荐(0)

css 图片与文字对齐

摘要：文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。设置各对象的vertical-align属性，属性说明：baseline－将支持valign特性的对象的内容与基线对齐sub－垂直对齐文本的下标super－垂直对齐文本的上标top－将支持valign特性的对象的内容与对象顶端对齐text-top－将支持valign特性的对象的文本与对象顶端对齐middle－将支持valign特性的对象的内容与对象中部对齐bottom－将支持valign特性的对象的文本与对象底端对齐text-bottom－将支持valign特性的对象的文本阅读全文

posted @ 2012-06-06 11:33 zhuhai 阅读(441) 评论(0) 推荐(0)

css 实现 ie和火狐禁止使用输入法

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>TEST</title><style type="text/css">.ime-disable 阅读全文

posted @ 2012-03-31 13:31 zhuhai 阅读(291) 评论(0) 推荐(0)

随笔分类 - CSS