每天进步一点点

#nav a { font-size: 18px; color: #C63; text-decoration: none; display: block; width: 140px; padding: 6px 10px 4px; border: 1px solid #33CC99; } #nav a:hover { color: #F00; background-color:

1.标记选择器 p{ color:bule; font-size:18px; } 2.类选择器 .one{ color:red; } .two{ font-size:20px; } 应用第一种Class选择样式 应用第二种Class选择样式 3.id选择器 #one{ color:red; } #two{ font-size

.a{ background-image:url(../%E4%B8%AD%E5%9B%BD%E5%9C%B0%E5%9B%BE.jpg); height:800px;//一定要设置高度，不然图片不能显示 background-position:center;  }  .a span{ display:none; text-decoration:none;} .a:hover sp

CSS中块状结构类似于盒子模型，如下图： 从左至又分别是外边距，边框，内边距，内容，下面我们来分别测试这几个属性。 我先做一个没有任何修饰的盒子模型： 代码如下： .text { width: 400px; height: 400px; display: block; border: solid 2px blue; } 盒子模型

CSS中交集选择器有两种，分别是例如 p.special{} 以及p#special类似的两种 交集选择器中不能有空格，下面是测试代码 p{ color:green } p.specialone{ color:blue } p#specialtwo{ color:red; } 交集选择器测试 交集选择器 交集选择器

#menu { width: 200px; font-family: "宋体"; } #menu ul li { list-style: none; } #menu ul li a { display: block; text-decoration: none; border: solid 1px #6600CC; padding: 5px 20px 10px 30px;

下拉导航菜单可以用jQuery制作，首先做三个导航条（css代码省略了）       衬衫               短袖衬衫         长袖衬衫         短袖T恤         短袖T恤               卫衣               开襟卫衣         套头卫衣         运动卫衣         童装