-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式，控制列表的显示形式*/ .nav li { float:left; list-style-type:none; width:50px; text-align:center; height:30px; line-height:30px; } .nav li a{ display:block; } .nav li a:link,.nav li a:visited { color:black; text-decoration:none; } .nav li a:hover,.nav li a:active { color:white; background:#be3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul class="nav"> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </body> </html>查看全部
-
由于a标签属于内联元素，无高度和宽度属性，因此控制鼠标经过状态改变背景颜色时，仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素，display:block查看全部
-
@charset "utf-8"; /* CSS Document */ *{margin:0px; padding:0px; font-size:12px;/*字本大小*/ color:#306;/*小盒子内的字体颜色 如果不设置COLOR属于则按这个红色继承*/ text-align:center;/*文字排列方式*/ font-family:Verdana, Geneva, sans-serif;/*字体样式*/ font-weight:bold; /*字体加粗*/ } /*这上面一段是定义全局的盒子模式*/ .zy{ line-height:600px;/*元素的行高*/ width:300px;/*盒子宽度*/ height:600px;/*盒子高度*/ margin-top:0px; /*盒子外的上边距*/ margin-bottom:0px;/*盒子外的下边距*/ margin-left:0px;/*盒子外的左边距*/ margin-right:5px;/*盒子外的右边距*/ background-color:#63F;/*背景颜色*/ border:1px solid #F00; /*盒子外边框大小1像素 solid 实线 #foo 红色*/ padding-top:10px; /*内容与盒子的边距.同样也有 padding-top等属性*/ float:left;/*向左浮动-注----不设浮动属性的IE照普通显示效果*/ clear:left;/*无视左浮动的盒子*/ }查看全部
-
<div class="box1">class套用 css文件下的 box2</div>查看全部
-
<link href="box.css" rel="stylesheet" type="text/css" /> href="css路径" rel="类型" type="申明类型是样式表"查看全部
-
.box1{ widht:100px; 这是宽度 height:120px; 这是高度 border:1px solid #foo; 这是边框 第一个属性是边框的大小【一个像素】 二个属性是边框的线型【实线】 三个是颜色 【红色】 }查看全部
-
dddddd查看全部
-
myfocus 好棒~查看全部
-
clearfix：http://www.imooc.com/wenda/detail/11605查看全部
-
布局之前首先要设计效果草图！查看全部
-
每个DIV元素都是一个块级元素！浮动的框可以向左或向右移动，知道它的外边缘碰到包含框或另一个浮动框的边框位置。浮动框不在文档的普通硫中，所以文档的普通流中的块框表现得就像浮动框不存在一样查看全部
-
盒子与盒子之间的距离-间距 盒子模型（盒子长、宽、边框、间距margin、填充padding）查看全部
-
IE6不识别 min_height,识别_height.同时，当盒子不够高时，会自动撑开盒子，不需要设置查看全部
-
焦点图的分类查看全部
-
1.理清盒子之间的嵌套关系查看全部
举报
0/150
提交
取消