-
浮动会让元素塌陷,即浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度,可以通过以下几种方式解决该问题: 1、clear:both;height:0;overflow:hidden; 2、使用clearfix; 3、设置父元素浮动。查看全部
-
清除浮动 clear属性规定元素的哪一侧不允许其他浮动元素 属性值:left:在左侧不允许浮动元素 right:在右侧不允许浮动元素 both:在左右两侧都不允许浮动元素 none:默认值。允许浮动元素出现在两侧 inherit:规定应该从父元素继承clear属性的值查看全部
-
.css 文件中头部要加上: @charset "utf-8"; /*CSS Document*/查看全部
-
盒子模型: css中,width/height指内容区域的宽度和高度。 ---------------------- 增加内边距,边框和外边距不会影响内容区域的尺寸,会增加元素框的总尺寸。 ---------------------- 设置了边框、间距、填充,而又不想改变整个盒子在页面中所站的总尺寸,那么就可以减少内容区域的大小。 ---------------------- 盒子在页面中所占的宽度: 计算公式=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距. 盒子在页面中所占的高度\ 计算公式=上边距+上边框+上填充+内容高度+下填充+下边框+下边距.查看全部
-
/*在此创建CSS样式*/ /*在此创建CSS样式*/ @charset "utf-8"; /* CSS Document */ /*默认样式清除*/ body{ margin:0; padding:0; font:14px/1.5em "微软雅黑";} div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{ font-weight:400;} ul,ol{ list-style:none;} li{ list-style-type:none;} img{ border:none;} a{ text-decoration:none;} /*页面开始*/ .wrapper{ width:1000px; margin:0px auto; } /*头部导航区域开始*/ .header{ height:70px; margin-bottom:5px; } .header img{ float:left; } .header ul{ float:left; font-family:"微软雅黑"; } .header ul li{ float:left; list-style-type:none; } .header ul li a{ display:block; text-decoration:none; color:black; font-size:16px; font-family:"微软雅黑"; width:102px; height:70px; line-height:70px; text-align:center; } .header ul li a:hover{ background:#BC3746; } .header ul li a.active{ background:#BC3746; } /*头部导航区域结束*/查看全部
-
好难啊查看全部
-
嘿嘿查看全部
-
在CSS中没有a和d选项中的属性,list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。查看全部
-
min-height:200px; 设置 最小的高度. 当内容区域太多的时候 就会撑开盒子. _height:300px; IE6浏览器设置一个高度 当内容区域太多的时候 就会撑开盒子.查看全部
-
块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3 - 3级标题 * h4 - 4级标题 * h5 - 5级标题 * h6 - 6级标题 * hr - 水平分隔线 * isindex - input prompt * menu - 菜单列表 * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容 * noscript - )可选脚本内容(对于不支持script的浏览器显示此内容) * ol - 排序表单 * p - 段落 * pre - 格式化文本 * table - 表格 * ul - 非排序列表 可变元素 可变元素为根据上下文语境决定该元素为块元素或者内联元素。 * applet - java applet * button - 按钮 * del - 删除文本 * iframe - inline frame * ins - 插入的文本 * map - 图片区块(map) * object - object对象 * script - 客户端脚本查看全部
-
内联元素(行内元素) 内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字段 * em - 强调 * font - 字体设定(不推荐) * i - 斜体 * img - 图片 * input - 输入框 * kbd - 定义键盘文本 * label - 表格标签 * q - 短引用 * s - 中划线(不推荐) * samp - 定义范例计算机代码 * select - 项目选择 * small - 小字体文本 * span - 常用内联容器,定义文本内区块 * strike - 中划线 * strong - 粗体强调 * sub - 下标 * sup - 上标 * textarea - 多行文本输入框 * tt - 电传文本 * u - 下划线 * var - 定义变量查看全部
-
首行缩进查看全部
-
盒子模型查看全部
-
列表框外部也有一个框,也要设置最小高度和_height:**px查看全部
-
IE6不支持min-height,所以要加一个_height:**px查看全部
举报
0/150
提交
取消