css知识点.docVIP

1．CSS基础知识点汇总 1.5. 两个关键属性 ** 1) display （设置元素的显示方式）display 的3个值 ? none : 不显示该标记 ? block : 按块标记的方式显示 （单独显示一行） ? inline : 按行内标记的方式来显示 （在同一行） 2) position （position 的 3个值 ） ? static(缺省值)： 浏览器在默认情况下，会按从左到右，从上到下来依次摆放各个标记 ? absolute： 相对父标记偏移（绝对值） ? relative： 先按照默认的方式摆放，然后再偏移（相对值） 1.6. 块标记和行内标记 * 1) 块标记（另起一行） 常见的块标记： ? div ? p ? img ? form ? table ? h1...h6 ? ul ? li 2) 行内标记（不用另起一行） 常见的行内标记 ? span ? strong ? a 1.7. 一些常见的属性 * 1.7.1. 文本属性 * font-size :30px ; 字体大小 font-family : 宋体 字体 font-style : italic（斜体）/normal（正常） 风格 font-weight : 100 粗绅 100~900 text-align :center 对齐方式 left , right , center text-decoration : underline ; 加下划线 cursor :pointer ; 光标的形状 (wait,hand,pointer..) 1.7.2. 背景颜色 * background-color : red ; 背景颜色 background-image: url(images/b1.jpg) 背景图片 background-repeat : no-repeat ; 平铺方式 repeat-x repeat-y background-position : 20px 10px ; 位置 background-attachment : fixed ; 依附方式 scroll(缺省) 以上属性也可以简写为： background : 背景颜色 背景图片 平铺方式 依附方式 水平位置 垂直位置 1.7.3. 边框属性 * border:1px solid red ; 宽度 风格 颜色 border-style: solid(实线) dashed（虚线） 边框线条 border-left 左边框 border-right 右边框 border-bottom 下边框 border-top 上边框 1.7.4. 定位 * width : 100px ; 宽度 height : 200px ; 高度 Margin:外边距 也可以简化为 margin : 30px 40px 50px 20px ; margin-left : 20px ; margin-top : 30px ; margin-right : 40px ; margin-bottom : 50px ; padding : 内边距 也可以简化为 : padding :30px 40px 50px 20px ; padding-left : 20px ; padding-top : 30px ; padding-right :40px ; padding-bottom : 50px ; 此外，还有这样一些形式 margin : 0px ; margin : 20px auto ; //上、下各20px，左右平均分配,一般用于居中 “混杂模式 : 在一个html 文件当中，如果没有添加文档类型声明，ie 浏览器默认会打开混杂模式 , 即将浏览器的级别降低，以兼容老的网页。如果添加了文档类型声明，则ie 会打开“标准模式