类选择器练习

原创 2013年12月03日 20:51:32

                                                                                                                                           类选择器练习 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="类选择器练习.css">
<title>exercise1</title>
</head>
<body>
      <div class=s1><img src="imgs/1.jpg"/></div>
      <div class=s2><img src="imgs/2.jpg"/></div>
      <div class=s3><img src="imgs/3.jpg"/></div>
</body>

</html>



css:

 body
{
  width:1000px;
  height:800px;
  margin: 0 auto;
  border:5px solid green;
  background-color:#999999;
  
}
.s1
{
margin-left:50px;
  border:2px solid yellow;
  margin-top:50px;
  width:100px;
  height:100px;
}
.s1 img
{
width:100px;
  height:100px;
}
.s2
{
margin-left:50px;
  border:2px solid yellow;
  margin-top:50px;
  width:100px;
  height:100px;
}
.s2 img
{


  width:100px;
  height:100px;
}
.s3
{
margin-left:50px;
  border:2px solid yellow;
  margin-top:50px;
  width:100px;
  height:100px;
}
.s3 img
{


  width:100px;
  height:100px;
}

相关文章推荐

2016 08 10 css选择器练习——常用属性

作业一: /*设置字间距*/ letter-spacing:10px; /* 设置中划线 text-decoration是用来设置划线的,常用的还有uderline和none */ text...

css3ui状态伪类选择器

  • 2016年08月22日 18:52
  • 1KB
  • 下载

jquery选择器练习

--> option1 option2 option3 你好世界! //===============...

PHP jQuery 类选择器

  • 2013年11月30日 16:58
  • 43KB
  • 下载

[php学习十六]JQuery练习1-选择器

JQuery随便练习1 .pclass1{background-color: #FFA500} /*注意点1:这两种写法效果一样...

AndroidPicker时间类的选择器

  • 2017年08月09日 10:15
  • 23.47MB
  • 下载

Jquery选择器练习(二)

Jquery的选择器非常强大,只要运用熟悉,方可对Dom操作得心应手。一些选择器和CSS伪类很相似,很容易引起混淆,需要多加练习和注意。...
  • wustwyj
  • wustwyj
  • 2014年07月23日 19:59
  • 599
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:类选择器练习
举报原因:
原因补充:

(最多只允许输入30个字)