div_css布局_框架要点.docVIP

div_css布局_框架要点 list-style-type 加自定义图片作为项目符号 list-style-image: url(help.gif); ul,ol{ list-style-type:circle; list-style-image: url(help.gif); } 层叠 一个元素的属性在多个地方修饰到了，到底听谁的？ 1当修饰的属性不同时，将累加这些效果 2当修饰的属性相同时 按一定优先级来显示效果 优先级： 1内联 2内嵌 3外部 4自身属性 盒模型 相关属性： border 边框 margin 外边距 边框与外边界的距离 padding 内边距 边框与内容的距离 四个方向 top 上 left 左 bottom 下 right 右 border-style 设置边框样式 dotted dashed solid double inset outset 虚线 大虚线 实线 border-width 设置边框粗细 12px border-color 设置边框颜色 red 可以和方向进行组合： border-top-style 设置上边框的样式 border-top-width border-top-color border-left-style ... border也有简写： border: 3px solid red; margin margin-top 顶部外边距 14px margin-left margin-right margin-bottom padding-top 顶部内边距 14px 。。。 在布局时，往往把body的margin:0px; 消除边界空隙 margin, padding常常被用来调整元素的位置 float属性 浮动 float:left|right 元素向左 向右浮动 浮动要点： 1）某元素浮动后，将会移动到父级元素的边缘，旁边的内容将环绕于它 2）浮动元素不会相互重叠 3）多个相邻元素都设为浮动后，它们将会肩并肩的靠在一起。如果一行放不下，将会放在下一行。 clear 清除浮动 (配合float使用，用于禁止某一边出现浮动元素。若有浮动元素，则往下另起一行) left|right|both|none position 定位属性 relative|absolute 相对定位 绝对定位 top left right bottom relative: 以元素原始位置为基准点，相对于其原始位置（元素没有设置定位时的原位置）的移动。 absolute: 绝对定位，定位的基点为它的父容器中设置了position的父容器的左上角原点。 如果父容器中没有设置position的，则相对于body,网页窗口左上角原点来定位。 absolute: 当设置元素为absolute时，此元素相当于从原网页中分离了出来，其它网页内容会占据原位置。 display 显示属性 none|block|inline none:该元素不显示 （不保留原位置，相当于将元素从网页里抠掉） block 该元素设为块级元素 inline 该元素设为内嵌元素 visibility:hidden; 隐藏该元素（保留原位置，相当于只是“隐身”） z-index 设置元素的重叠顺序 要设position z-index：3 数字越大越在上边 当其为-1时，它将在网页内容的下边 框架： 框架集标签frameset和框架标签frame： frameset标签有2属性： rows:指定有多少行，及每行比例 (可取 百分值:20% 剩余比例:* 像素:58px;) cols:指定有多少列，及每列比例 (可取 百分值:20% 剩余比例:* 像素:58px;) frame标签属性有： src:指定要显示的网页的路径 frameborder:边框。0为无 1为有边框 bordercolor:边框色 scrolling:是否出现滚动条。是yes，否no，自动auto name:指定框架名称 例： 把网页分成上下两部分，其中下部分又分为左右两部分的框架结构。 frameset rows=30%,* frame src=top.htm / frameset cols=20%,80% frame src=left.htm / frame src=right.htm / /frameset /frameset 内嵌框架： iframe src= height= width= name= frameborder= scrolling=/iframe 在框架里之常用的是超链接标记，用于实现：将超链接所指页面显示在指定框架内。 例： a href=a.htm target=abc点击将内容显示在名为abc的框架里(