随笔分类 - html/css/ps
overflow:hidden---清除浮动,隐藏溢出
摘要:overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么...
阅读全文
Display:Block 详细用法(转)
摘要:根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“...
阅读全文
css-position
摘要:position: 规定元素的定位类型可能的值值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。relative生成相对定位的元素,相对于
阅读全文
css-overflow
摘要:overflow 属性规定当内容溢出元素框时发生的事情。可能的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性的值。
阅读全文
css-clear
摘要:clear: 规定了元素那边不可以出现浮动元素.clear可能的值值描述left在左侧不允许浮动元素。right在右侧不允许浮动元素。both在左右两侧均不允许浮动元素。none默认值。允许浮动元素出现在两侧。inherit规定应该从父元素继承 clear 属性的值。
阅读全文
css-margin
摘要:margin属性用于定义css盒子模型的外边距,参数可以有1~4个.margin :10px 外边距都是10margin;10px,20px 上下外边距是10,左右外边距是20.margin:10px,20px,30px 上边距是10px,左右边距是20px,下边距是30;margin:10px,20px,30px ,40px 上边距是10px,右边距是20px,下边距是30,右边距是 40pxmargin可能的值值描述auto浏览器计算外边距。length规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。%规定基于父元素的宽度的百分比的外边距。inherit规定应该从父元素继.
阅读全文
css-float
摘要:float属性: 定义元素在那个方向浮动.如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。默认值:none继承性:no版本:CSS1JavaScript 语法:object.style.cssFloat="left"
阅读全文
css学习笔记(一)
摘要:css:可以提高网页的浏览速度.css的结构: 选择器{属性:属性值}选择器可以是:xhtml标签,id,class.xhtml与html的区别:css的四种嵌入方式:(1)行内样式:html标签上的style属性,进行css样式的设计。(2)内部样式:通过html中的标签来对样式进行设计(3)外部样式:把css单独写到一个css文件内,然后在源代码中以link方式链接。(4)链接样式:以@import url标记所链接的外部样式表,它一般常用在另一个样式表内部。如layout.css为主页所用样式,那么我们可以把全局都需要用的公共样式放到一个 global.css的文件中,然后在layout
阅读全文
Js中 关于top、clientTop、scrollTop、offsetTop的用法(转载)
摘要:网页可见区域宽:document.body.clientWidth;网页可见区域高:document.body.clientHeight;网页可见区域宽:document.body.offsetWidth(包括边线的宽);网页可见区域高:document.body.offsetHeight(包括边线的宽);网页正文全文宽:document.body.scrollWidth;网页正文全文高:document.body.scrollHeight;网页被卷去的高:document.body.scrollTop;网页被卷去的左:document.body.scrollLeft;网页正文部分上:wind
阅读全文
表格边框的css语法(转)
摘要:我们知道在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1.上边框宽度 语法: border-top-width: 允许值: thin | medium | thick | 初始值: medium 适用于: 所有对象 向下兼容: 否 上边框宽度属性用于指定一个元素上边框的宽...
阅读全文