一、position：fixed锁定位置（相对于浏览器的位置），例如有些网站的右下角的弹出窗口。 示例：二、position：absolute绝对位置：1.外层没有position：absolute（或relative）；那么div相对于浏览器定位，如下图中b（距离浏览器右边框为50像素，距离下边框为20像素）。2.外层有position：absolute（或relative）；那么div相对于外层边框定位，如下图中bb（距离d的右边框50像素，距离d的下边框为20像素）。 示例：三、position：re...
1、基本介绍 （1）[att*=val]属性选择器 如果元素用att表示的属性的属性值中包含用val指定的字符，则该元素使用这个样式 （2）[att^=val]属性选择器 如果元素用att表示的属性的属性值的开头字符为用val指定的字符，则该元素使用这个样式 （3）[att$=val]属性选择器 如果元素用att表示的属性的属性值的结尾字符为用val指定的字符，则该元素使用这个样式 2、实例说明 ...
顶级元素： 说明：顶级元素表现如块，属于高级块元素。 例如：html,body,frameset 块元素： 特点：独占一行，宽(100%)、高、行高、padding、margin可控div 常用于布局p 段落h1~h6 标题ol{li} 有序列表ul{li} 无序列表dl{dt,dd} 自定义列表table{tr,th,td,thead,tbody,tfoot,caption,col,colgroup} 表格form 表单pre 预文本格式address 地址blockquote 块引用fieldset{legend} 控件组hr 水平线menu{li} 菜单列表n...
/* 极尽浅显 前辈请忽略*/ 第一话 定位 （Positioning） 关键词：position/z-index/top/bottom/right/left/clip POSITION 该属性用来决定元素在页面上的位置。 用法：position：static(默认) | fixed | relative | absolute static 遵守正常的文档流，不设置top,bottom,left,right值。 fixed 脱离正常的文档流，完全以浏览器窗口为参照物，不随鼠标的滚动而滚动。设定tblr值。 relative 相对于什么呢？是相对于该...
在 div层套入border边框是最常用的，它就像如同表格，可以将样式、文字、图片包装起来。border边框属性主要学习边框风格属性(border- style)、边框宽度属性(border-width)、边框颜色属性(border-color)，这三个属性可以对整个边框或者单边框架多样化设 置。通过解剖学习的方法，将每一种属性分解出来，更好将基本属性学到位，学会简单的运用。 1.边框风格属性(border-style)， 用来设定上下左右边框的风格，具体参数值有：...
属性名称字体属性（Font）font-familyfont-stylefont-variantfont-weightfont-size颜色和背景属性ColorBackground-colorBackground-imageBackground-repeatBackground-attachmentBackground-position文本属性Word-spacingLetter-spacingText-decorationVertical-alignText-transformText-alignText-indentLine-height边距属性Margin-topMargin-rightMargin-bottomMargin-left填充距属性Padding-topPadding-rightPadding-bottomPadd...
1、CSS display使用 以下为DIV CSS运用dispaly，说明这里dispaly值任意CSS代码：.divcss5{display:none}Html对应运用：我是测试内容根据以上可以自己DIV+CSS下，看看使用结果 2、display的值有哪些 Css display值与解释-（详细可见CSS手册的CSS display手册）参数：block :块对象的默认值。用该值为对象之后添加新行none :隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间inline :内联对象的默认...
抱着对ASP.NET前台开发的热爱，今天上午特别看了float属性，说实话还挺复杂。 先把我的例子放上来，自我理解都在这个例子里了。还有些不完美之处就是，clear属性没放上来。 < html > < head >< title > float属性的自我理解 </ title > < style type ="text/css" > .father { background-color : #fffea6 ; border : 1px solid #111111 ; padding : 25px ; ...
表格边框间距属性(border-sapcing)用来定义表格中独立边框之间的间距。在表格边框间距属性中，使用的属性值是长度值。其语法如下所示。border-spacing：length;****************************************************************注意：当在表格边框合并属性中使用合并显示值(collapse)的时候，使用表格边框间距属性将不起作用。IE浏览器并不支持表格边框间距属性，只有在Firefox等浏览器中，才能够显示出间距的正常效果。********...
当一个DIV容器中的所有对象都设置了float属性后，容器不能自动适应高度。 解决的方法有两个： 在容器的最后添加一个空的DIV标签，设置其样式clear:both，然后隐藏这个DIV。 设置容器的样式overflow:hidden/auto以及zoom:1(zoom属性是为了兼容IE6)。
做了一个动感十足的TAB不敢独占，写出来大家共享，大家可以到宝宝孕历首页看看效果。 其实现是通过js控制div的scrollLeft属性来实现的，tab分成两个部分tab头部分和tab体部分，tab体是一个很宽的层，此div的overflow被设置成hidden，在鼠标挪动到不同的tab标签上时，逐渐修改tab体的scrollLeft属性。 实现的js代码如下： /* scroll */ var Scroller = Class.create(); Scroller.prototype = { initia...
div显示滚动条的 css代码 这里是你要显示的内容 效果如下： 显示滚动条的代码 div 显示上下滚动条的 css 代码 这里是你要显示的内容 div只显示上下滚动条 OVERFLOW-Y:scroll;这段是关键 修改div滚动条颜色的css代码 这里是你要显示的内容 修改滚动条颜色的代码 SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色) SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白...
div+CSS绝对定位absolute属性 绝对定位就是和文档中的元素没有任何关系，完全脱离的文档中的内容，独立出来显示在某个固定的区域。绝对定位的块也可以嵌套，嵌套内的块将会以父元素作为参照位置绝对定位。 例如： CSS代码： body{ background-color:#FFFFFF; } .x{ position:absolute; width:200px; background-color:#CCCCCC; top:100px; height:20px; } .xx{ position:absolute; width:200px; background-color:#999999; top:...
div是很多人做网站都会用到的，但在显示效果时前面总是会有一个小黑点，这个效果很多人不想要，但又不知到如何去除，然而我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS，在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。 2、在相关的页面找到head部分写入下面的代码 list-style:none; 3、在li,ul内加入list-style。如<ul style="list-s...
本文向大家描述一下DIV CSS布局中的position属性的用法，position属性主要有四种属性值，任何元素的默认position的属性值均是static,静态。这节课主要讲讲relative（相对）以及absolute（绝对）。 如何学习DIV+CSS布局之position属性 如果用position属性来布局页面，父级元素的position属性必须为relative，而定位于父级内部某个位置的元素，最好用absolute。定位(position)布局页面说容易非常容易，只需要记住这节课最...