摘要: 1. 块级元素可以包含内联元素或某些块级元素,但内联元素却不能包含块级元素,它只能包含其它的内联元素: <div><h1></h1><p></p></div> —— 对 <a href="#"><span></span></a> —— 对 <span><div></div></span> —— 不合 阅读全文
posted @ 2018-01-02 21:28 Rocky-Long 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 一、常见浏览器兼容性问题 1.双倍浮动bug描述:块状元素设置了float后,又设置了横向的margin,在IE6下显示的margin值要比设置的值大 解决方案: 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案: 方案一: 给表单元素添加 v 阅读全文
posted @ 2018-01-02 21:19 Rocky-Long 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 一、宽度自适应 语法:width:100%; 注: a)块状元素的默认宽度为100% b) 当给元素设置宽度为100%时,继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应 语法:height:auto;(等同于不给元素设置高度) 三、最小高度,最大高度,最小宽度,最大宽度 1. 阅读全文
posted @ 2018-01-02 21:15 Rocky-Long 阅读(824) 评论(0) 推荐(0) 编辑
摘要: 一、css布局模型 1.流动模型(Flow) 元素在不设置css样式时的布局模型,是块元素就独占一行,是内联元素就在一行逐个进行显示 2.浮动模型(Float) 使用float属性来进行网页布局,给元素设置float后会脱离正常的文档流 3.层模型(Layer) 使用position属性对元素进行定 阅读全文
posted @ 2018-01-02 21:12 Rocky-Long 阅读(368) 评论(0) 推荐(1) 编辑
摘要: 一、元素类型分类 html元素可分为三大类:块元素,内联元素,可变元素 1.块元素 常见块元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,fieldset,h1,h2,h3,h4,h5,h6 块状元素特点: a)块状元素会以块的形式显示为一个矩形区域 b 阅读全文
posted @ 2018-01-02 21:01 Rocky-Long 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 一、容器溢出 语法:overflow: visible | hidden | scroll | auto | inherit; visible:默认值,溢出内容不会被裁剪,正常显示 hidden: 溢出内容隐藏不可见 scroll: 当容器溢出时,溢出的内容以滚动条的形式查看(当容器没有溢出时,也会 阅读全文
posted @ 2018-01-02 20:17 Rocky-Long 阅读(433) 评论(0) 推荐(0) 编辑