类选择器练习

原创 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;
}

css选择器的练习

制作效果: html代码: css代码: 制作思路: 文章中标题下的文字字体颜色不一,可以使用:nth-child()选择器,()中可以填写数字...
  • szhgege
  • szhgege
  • 2017年01月19日 14:50
  • 154

JQuery 常见选择器详解练习1

1.常见基本选择器代码 Insert title here $(function(){ //alert($("#ID").val());//查找ID并显示其内容 //ale...
  • linhaiyun_ytdx
  • linhaiyun_ytdx
  • 2016年11月06日 12:22
  • 357

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

作业一: /*设置字间距*/ letter-spacing:10px; /* 设置中划线 text-decoration是用来设置划线的,常用的还有uderline和none */ text...
  • qq_24678203
  • qq_24678203
  • 2016年08月10日 17:45
  • 453

css3新增选择器的一些练习。

css3非常强大,可以实现很多以前只能通过js实现的功能。 也简化了许多不必要的复杂代码。 简单练下一下css3的选择器: li{ list-style: none; } input:...
  • u011263845
  • u011263845
  • 2015年04月09日 16:33
  • 254

类选择器和ID选择器

什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{样式;} 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪...
  • aaaa99996666
  • aaaa99996666
  • 2017年01月12日 16:46
  • 1608

11选择器(id选择器,类选择器,标签选择器)

1、id选择器 #box{ } #box{ ................. } 特点:每一个标签只能有一个ID。 2、类选择器 .类名{ } .bo...
  • u011975349
  • u011975349
  • 2016年09月05日 09:23
  • 655

jquery类选择器及其遍历

var cutpaylength=$(".cutpayment").length; for(var i=0;i
  • u010081710
  • u010081710
  • 2015年10月08日 14:59
  • 1207

CSS 类选择器详解——CSS 多类选择器

类选择器允许以一种独立于文档元素的方式来指定样式。 CSS 类选择器 类选择器允许以一种独立于文档元素的方式来指定样式。 该选择器可以单独使用,也可以与其他元素结合使用。 提示:只有适当地标记文档...
  • GoodShot
  • GoodShot
  • 2014年12月23日 22:59
  • 1373

CSS中的ID选择器和类选择器区别及用法

W3C标准这样规定的,   其一:在同一个页面内, 不允许有相同名字的id对象出现, 但是允许相同名字的class 其二:当页面中用到js或者要动态调用对象的时候,要用到id    控制...
  • cui_angel
  • cui_angel
  • 2012年06月18日 13:41
  • 21537

css中两个类选择器之间有没有空格的区别

css中两个类选择器之间有没有空格的区别: .div1.div2{width: 100px;height: 100px;background: red;}/*多类选择...
  • Night_Emperor
  • Night_Emperor
  • 2017年09月25日 23:07
  • 305
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:类选择器练习
举报原因:
原因补充:

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