精华内容
下载资源
问答
  • Android全国地名选择 城市选择器 地名选择器 省市区选择
  • Android 仿IOS3D时间选择器城市选择器

    千次下载 热门讨论 2016-01-27 16:47:56
    Android 仿IOS3D时间选择器城市选择器 城市数据从数据库读取,可自由添加数据。 详情可见 http://blog.csdn.net/u014061684/article/details/50595237
  • 讲解微信小程序中如何使用css选择器,哪些选择器支持哪些选择器不支持,讲解选择器分组,属性选择器,后代选择器,子元素和相邻兄弟选择器,伪类选择器,伪元素选择器,微信小程序中样式css选择器
  • Js日期时间选择器

    热门讨论 2014-08-06 16:06:30
    一个js日期和时间选择器,支持精确到毫秒的时间选择 http://blog.csdn.net/yanwushu/article/details/38401749 效果预览 http://www.helloweba.com/demo/timepicker/
  • 仿Iphone实现滑动选择器

    千次下载 热门讨论 2015-05-22 21:04:01
    用于用户滑动,选择,可以用于下拉列框,炫酷选择
  • 基于wheelView的自定义日期选择器

    千次下载 热门讨论 2015-06-26 17:16:52
    基于wheelView的自定义日期选择器,支持拓展,样式可以多样
  • 微信小程序 城市选择器 城市切换

    千次下载 热门讨论 2017-01-14 15:18:20
    微信小程序 城市选择器 城市切换
  • Android自定义日期选择器源码

    万次下载 热门讨论 2014-08-23 15:42:54
    配套博客地址:http://blog.csdn.net/wwj_748/article/details/38778631
  • 仿iOS的PickerView控件,有时间选择和选项选择并支持...——TimePopupWindow 时间选择器,支持年月日时分,年月日,时分等格式 ——OptionsPopupWindow 选项选择器,支持一,二,三级选项选择,并且可以设置是否联动
  • Android 城市列表选择器
  • android省市区三级联动地址选择器demo

    千次下载 热门讨论 2016-05-25 11:05:08
    android省市区三级联动地址选择器demo,选择省对应市和区的改变,选择市对应区的改变
  • 选择器

    千次阅读 2019-03-04 08:56:00
    一、基本选择器分为通配符选择器、标签选择器、类选择器、id选择器  1、通配符选择器  *{}  就是一个星号,可以选中页面中的所有元素,但是其优先级是最低的  2、标签选择器  div{} span{}  其实就是写...

    一、基本选择器分为通配符选择器、标签选择器、类选择器、id选择器

      1、通配符选择器

        *{}

        就是一个星号,可以选中页面中的所有元素,但是其优先级是最低的

      2、标签选择器

        div{} span{}

        其实就是写标签名,就可以选择到对应的元素,优先级仅高于通配符选择器

      3、类选择器

        .nav{} .name{}

        其实就是英文的小圆点+标签中的class属性值,优先级仅次与id选择器

      4、id选择器

        #nac{} #bar{}

        其实就是#+标签中的id的属性值,其优先级是最高的

    二、伪类选择器

      1、a标签伪类选择器

        a:link 超链接没有访问时的显示样式

        a:hover 鼠标移到超链接上时的显示样式

        a:active 鼠标按下时的显示样式

        a:visited访问后的超链接访问样式

      2、结构伪类选择器

        li:first-child 第一个孩子是li的元素的元素的li

        li:last-child 最后一个孩子是li的元素的li

        li:nth-child(n) 第n个孩子是li的元素的li

        li:nth-child(odd) 奇数行li:nth-child(2n)

        li:nth-child(even)偶数行li:nth-child(2n-1)

      3、目标伪类选择器

        :target{}这里指的是用鼠标选中的元素

    三、复合选择器

      1、交集选择器

        div.red{}即是div又是class为red的元素;中间没有任何空格

      2、并集选择器

        p,span,.red{}这其实可以认为是三个选择器的叠加写法

      3、后代选择器

        div .red{}这是父元素是div子元素的class是red的元素;中间用的是空格隔开;可以隔代

      4、子元素选择器

        div>ul>li{}这个指的是爷爷是div爸爸是ul自己是li的元素的样式设置

    四、css3新增的属性选择器

      1、a[title]{}指带有title属性的a标签

      2、input[type=text]{}属于文本框的input标签

      3、div[class ^= font]以font开头的class属性的div标签

      4、div[class $= footer]以footer结尾的class属性的div标签

      5、div[class *= tb]包含tb的class属性的div标签

    五、伪元素选择器---自身元素

      1、p::first-letter{}只的是p标签中的第一个字母

      2、p::first-line{}指的是p标签的第一行

      3、p::selection{}指的是p标签的选中的部分

    六、伪元素选择器---非自身元素

      1、div::before{}在div内部的前面添加一个元素

      2、div::after{}在div内部的后边添加一个元素

      

    转载于:https://www.cnblogs.com/dhrwawa/p/10468815.html

    展开全文
  • 选择器和ID选择器的区别

    千次阅读 2020-12-24 18:01:18
    与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。 下面代码是正确的: <p> 三年级时,我还是一个 <span class="stress">胆小如鼠</span> 的小女孩,上课从来不敢回答老师提出的...

    区别 1:

    与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次。

    下面代码是正确的:

    <p>
    三年级时,我还是一个
    <span class="stress">胆小如鼠</span>
    的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个
    <span class="stress">勇气</span>
    来回答老师提出的问题。
    </p>
    

    而下面代码是错误的:

    <p>
    三年级时,我还是一个
    <span id="stress">胆小如鼠</span>
    的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个
    <span id="stress">勇气</span>
    来回答老师提出的问题。
    </p>
    

    区别 2:

    不同于类选择器,ID 选择器不能结合使用,因为 ID 属性不允许有以空格分隔的词列表。

    下面代码正确:

    .stress{
        color:red;
    }
    .bigsize{
        font-size:25px;
    }
    <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
    

    而下面代码是错误的:

    #stressid{
        color:red;
    }
    #bigsizeid{
        font-size:25px;
    }
    <p>到了<span id="stressid bigsizeid">三年级</span>下学期时,我们班上了一节公开课...</p>
    

    区别 3:ID 能包含更多含义

    类似于类,可以独立于元素来选择 ID。有些情况下,您知道文档中会出现某个特定 ID 值,但是并不知道它会出现在哪个元素上,所以您想声明独立的 ID 选择器。例如,您可能知道在一个给定的文档中会有一个 ID 值为 mostImportant 的元素。您不知道这个最重要的东西是一个段落、一个短语、一个列表项还是一个小节标题。您只知道每个文档都会有这么一个最重要的内容,它可能在任何元素中,而且只能出现一个。在这种情况下,可以编写如下规则:

    注意:

    标准中说id必须是唯一的,并且不能包含空格。如果加了空格,违反了标准,通过就id获取不到该元素。所以CSS和js都不会起作用。而class则没有这个限制

    展开全文
  • CSS常用选择器 CSS选择器的作用是从HTML页面中找出特定的某类元素,而常用的CSS选择器有如下几类,一起来看看吧! 一、通配符选择器 通配符选择器常用 ‘*’ 号表示,它是所有选择器里作用范围最广的,能匹配页面中...

    CSS常用选择器

    CSS选择器的作用是从HTML页面中找出特定的某类元素,而常用的CSS选择器有如下几类,一起来看看吧!

    一、通配符选择器

    通配符选择器常用 ‘*’ 号表示,它是所有选择器里作用范围最广的,能匹配页面中所有的元素。

    基本语法格式:*{ 属性1:属性值1;属性2:属性值2;}

    例子
    使用该选择器定义样式,清除所有HTML标记的默认边距。

    *{
    margin:0;       /*定义外边距*/
    padding:0;     /*定义内边距*/
    }
    

    但实际开发中不建议使用通配符选择器,因为它设置的样式对所有的HTML标记都生效,不管标记是否需要该样式,反而降低了代码的执行速度。

    二、标签选择器

    标签选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标签指定统一的CSS样式。

    基本语法格式:标签名{ 属性1:属性值1;属性2:属性值2;}

    所有的HTML标记名都可以作为标签选择器,例如a、body、p、h1等等。用标签选择器定义的样式对页面中该类型的所有标签都有效。

    例子
    使用p选择器定义HTML页面中所有段落的样式。

    p{ font-size: 12px; color: #666; font-family:"微软雅黑"; }
    

    标签选择器最大的优势是能快速为页面中同类型的标签统一样式,同时这也是它的缺点,不能设计差异化样式。

    三、类选择器

    类选择器使用**‘.’**(英文点号)进行标识,后面紧跟类名。

    基本语法格式:.类名{ 属性1:属性值1;属性2:属性值2;}

    该语法中,类名即为HTML元素的class属性值,大多数HTML元素都可以定义class属性。

    例子

    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4 <meta charset="UTF-8">
    5 <title>类选择器</title>
    6 <style type="text/css">
    7  .red{color: red;}
    8  .green{color:green;}
    9  .font22{font-size:22px;}
    10 p{ text-decoration:underline; font- family:"微软雅黑"; }
    11 </style>
    12 </head>
    13 <body>
    14 <h2 class="red">二级标题文本</h2>
    15 <p class-"green font22">段落文本内容</p>
    16 <p class="red font22">段落二文本内容</p>
    17 <p>段落三文本内容</p>
    18 </body>
    19 </html>
    

    类选择器最大的优点是可以为元素对象定义单独或相同的样式,而且多个标记可以使用同一个类名,可以实现为不同类型的标记指定相同的样式。同时,一个HTML元素也可以应用多个class类,设置多个样式,此时多个类名之间需要用空格隔开,如上述代码中的前两个<p>标记。

    注意:类名的第一个字符不能使用数字,并且严格区分大小写。一般采用小写的英文字符。

    四、id选择器

    id选择器使用**‘#’**进行标识,后面紧跟id名。

    基本语法格式:#id名{ 属性1:属性值1;属性2:属性值2;}

    该语法中,id名即为HTML元素的id属性值,大多数HTML元素都可以定义id属性,元素的id值是唯一的,只能对应于文档中某一个具体的元素。

    例子

    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4 <meta charset="UTF-8">
    5 <title>id选择器</title>
    6 <style type="text/css">
    7 #bold{font -weight:bold; }
    8 #font24 {font-size:24px; }
    9 </style>
    10 </head>
    11 <body>
    12 <pidf"bold">段落1: id="bold",设置粗体文字。</p>
    13 <p id="font24">段落2: id="font24", 设置字号为24px。</p>
    14 <p id="font24">段落3: id="font24", 设置字号为24px。</p>
    15 <pid="bold font24">段落4: id="bold font24",同时设置粗体和字号24px。</p>
    16 </body>
    17 </html>
    

    注意:同一个id不允许应用于多个标记,虽然很多浏览器并不会报错,但JavaScript等脚本语言调用id时会出错。另外,id选择器不支持像类选择器那样定义多个值。

    五、属性选择器

    属性选择器可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。

    语法格式:[标签名称] { 属性1:属性值1;属性2:属性值2;}

    注意:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。

    CSS 选择器参考手册:

    选择器描述
    [attribute]用于选取带有指定属性的元素
    [attribute=value]用于选取带有指定属性和值的元素
    [attribute~=value]用于选取属性值中包含指定词汇的元素
    [attributeI=value]用于选取带有以指定值开头的属性值的元素,该值必须是整个单词
    [attribute^=value]匹配属性值以指定值开头的每个元素
    [attribute$=value]匹配属性值以指定值结尾的每个元素
    [attribute*=value]匹配属性值中包含指定值的每个元素

    例子

    1、为带有 title 属性的所有元素设置样式:

    [title]
    {
    color:red;
    }
    

    2、为 title=“W3School” 的所有元素设置样式:

    [title=W3School]
    {
    border:5px solid blue;
    }
    

    3、为包含指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值:

    [title~=hello] { color:red; }
    

    4、为带有包含指定值的 lang 属性的所有元素设置样式。适用于由连字符分隔的属性值:

    [lang|=en] { color:red; }
    

    5、设置表单的样式
    属性选择器在为不带有 class 或 id 的表单设置样式时特别有用:

    input[type="text"]
    {
      width:150px;
      display:block;
      margin-bottom:10px;
      background-color:yellow;
      font-family: Verdana, Arial;
    }
    
    input[type="button"]
    {
      width:120px;
      margin-left:35px;
      display:block;
      font-family: Verdana, Arial;
    }
    

    使用属性选择器,可以只指定元素的某个属性,还可以同时指定元素的某个属性和其对应的属性值。

    六、并集选择器

    并集选择器是同时匹配多个选择器,取多个选择器的并集,选择器之间用逗号隔开,如em,strong{ }。

    语法格式:
    标签名称1,标签名称2 { 属性1:属性值1;属性2:属性值2;}

    例子

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="author" content="https://www.cnblogs.com/jizuiku"/>
        <title></title>
        <style type="text/css">
        span,div, .content {
                color:darkorange;
            }
    
        </style>
    </head>
    <body>
        <span>博客园</span>
        <div>给最苦</div>
        <p class="content">网页设计</p>
    </body>
    </html>
    

    并集选择器的优点是将多个标签的相同样式 提取出来,集体声明,优化代码,方便阅读。

    七、后代选择器

    后代选择器也称包含选择器,用来选择特定元素的后代。如.asideNav li{ },表示先匹配第二个选择器的元素,并属于第一个选择器内。

    语法格式:
    标签名称1 标签名称2{ 属性1:属性值1;属性2:属性值2;}

    在CSS中,后代是根据HTML文档中的DOM上下文来决定的。当元素发生嵌套时,内层的元素就成为外层元素的后代。如元素B嵌在元素A内部,B就是A的后代。而且,B的后代也是A的后代,就像家族关系。

    定义后代选择器时,外层的元素写在前面,内层的元素写在后面,中间用空格分隔。后代选择器会影响到它的各级后代,没有层级限制。如:

    div p { color: red; }
    

    上述选择器中,div 为祖先元素,p 为后代元素,其作用就是选择 div 元素的所有后代 p元素,不管 p 元素是 div 元素的子元素、孙辈元素或者更深层次的关系,都将被选中。换句话说,不论 p 是 div 的多少辈的后代,p 元素中的文本都会变成红色。

    例子

    后代选择器中的空格,是用来表示后代层级的,当然就不限于二级的。根据需要,从任一个祖先元素开始,直到想应用样式的那个元素,都可以被放到后代选择器链中。如:

    <ul>
    <li><a href="/home/">首页</a></li>
    <li><a href="/new/">新房</a></li>
    <li><a href="/esf/">二手房</a></li>
    <ul>
    <li><a href="/sale/">出售房源</a></li>
    <li><a href="/buy/">求购房源</a></li>
    </ul>
    <li><a href="/rent/">租房</a></li>
    </ul>
    

    上述导航菜单中,假如希望所有锚文本的字体大小是16px,就可以通过后代选择器ul a来选择 ul 元素的所有后代,因为后代选择器会影响到它的各级后代。如:

    ul a {
       font-size: 16px;
    }
    

    假如又希望第二级列表项的锚文本的字体大小是12px,就可以通过ul.nav ul a的这种多层后代关系的后代选择器,它只选择第二级列表项的锚文本。

    ul li a {
    font-size: 12px;
    }
    

    当然,这个后代选择器也可以写成ul、li、ul、li、a,以实现更精准的控制。

    注意:
    1、后代包括儿子,孙子,只要是放在指定标签的后代都是。
    2、也可以不用标签名称1、2,也可以用id和class名,分别用id和class来选择。
    3、后代选择器可以无限衍生。

    八、子代选择器

    子代选择器使用**‘>’**表示,如ul>li{ },表示匹配第二个选择器,且为第一个选择器的元素的后代。

    语法格式:
    标签名称1>标签名称2{ 属性1:属性值1;属性2:属性值2;}

    例子

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>实例</title>
        <style>
            #box>p{
                color: darkorange;  /*设置颜色为 深橙色*/
                font-size: 80px;
        }
        </style>
    </head>
    <body>
        <div id="box">
            <div>
                <div>
                    <div>
                        <p>
                            狸花猫
                        </p>
                    </div>
                </div>
            </div>
            <p>
                大橘猫
            </p>
        </div>
    </body>
    </body>
    </html>
    

    注意:
    1、只会查找儿子,不会查找其他被嵌套的标签。
    2、子元素选择器也可以用其他的id和class选择器来进行查找。 3、子元素选择器也可以通过>符号一直延续下去。

    九、兄弟选择器(+和~)

    相邻兄弟选择器使用+号表示,如p+a{ },表示匹配紧跟第一个选择器并匹配第二个选择器的元素,如紧跟p元素后的a的元素。
    如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器。

    语法格式:标签名称1+标签名称2 { 属性1:属性值1;属性2:属性值2;}

    例子

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style  type="text/css">
             h1 + p {
            margin-top:50px;
            color:red;
        }
    </style>
    </head>
    <body>
    <p>This is paragraph.</p>
    <h1>This is a heading.</h1>
    <p>This is paragraph.</p>
    <p>This is paragraph.</p>
    </body>
    </html>
    

    兄弟只会影响下面的p标签的样式,不影响上面兄弟的样式。
    注意这里的’+’的意义跟’and’意义不一样,兄弟选择器的样式是应用在兄弟元素上,跟参照的元素样式无关,如上例只影响p元素的样式,而不影响h1标签的样式。
    当两个兄弟元素相同时,会实现一次循环查找:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    <style type="text/css">
        li + li {
            color:red;
        }
    </style>
    </head>
    <body>
    <div>
      <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
      </ul>
    </div>
    </body>
    </html>
    

    而~ 选择器 :作用是查找某一个指定元素的后面的所有兄弟结点。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    <style type="text/css">
        h1 ~ p{
            color:red;
        }
    </style>
    </head>
    <body>
        <p>1</p>
        <h1>2</h1>
        <p>3</p>
        <p>4</p>
        <p>5</p>
    </body>
    </html>
    

    十、伪选择器
    伪选择器是一种特殊的选择器,它分为伪类选择器和伪对象选择器2种。

    1.伪类选择器:
    CSS提供了五种基本伪类选择器,分别对应HTML标记的五种状态。

    伪类选择器作用应用对象
    :hover定义标记在鼠标悬停(划过)时的样式所有显示标记
    :link定义标记在超链接状态下的样式a标签
    :focus定义标记在获取焦点时的样式a标签(IE浏览器不支持)
    :visited定义标记被访问过后的样式a标签
    :active定义标记在选定时刻下的样式a标签

    例子

    以下是5个a标签

        <a href="#" id="a1">链接1</a>
     	<a href="#" id="a2">链接2</a>
     	<a href="#" id="a3">链接3</a>
     	<a href="#" id="a4">链接4</a>
     	<a href="#" id="a5">链接5</a> 
    

    加点CSS样式:

     a{
    		padding: 10px;
    		color:black; /*初始颜色全为黑色*/
    		font-weight: bold;
    	}
    	#a1:hover{
    		color:red; /*当鼠标悬停时链接1变成红色*/
    	}
    	#a2:link{
    		background-color: blue; /*给链接2添加蓝色的背景色*/
    	}
    	#a3:focus{
    		color:yellow; /*当链接3获取焦点时变为黄色,失去焦点时恢复黑色*/
    	}
    	#a4:visited{
    		color:green; /*被访问过后的链接4变为绿色*/
    	}
    	#a5:active{
    		background-color: blue; /*鼠标点击的那一瞬间给链接5添加蓝色的背景*/
    	}
    

    除了以上五种基本伪类选择器之外,CSS还支持诸如:”:first-child“首元素选择器和“:lang()”语言选择器等伪类选择器。

    2.伪对象选择器
    伪对象选择器根据对象内部的局部元素定义其样式。

    伪对象选择器作用
    :first-letter定义文本的第一个字符样式
    :first-line定义文本的首行样式
    :before定义对象之前内容的样式
    :after定义对象之后内容的样式

    例子

    <p>我是文本我是文本我是文本我是文本</p>
    

    使用:before和:after样式后:

     p:before{
    		content:'我说:“';/*在文本前面追加内容*/
    		color:red;
    	}
    	p:after{
    		content:'。”我说完了!';/*在文本结尾追加内容*/
    		color:red;
    	}
    

    以上就是CSS常见的选择器啦,你记住了吗?^_^

    展开全文
  • 实验四 数据选择器及其应用

    千次阅读 多人点赞 2021-05-13 13:05:26
    目录一、实验预习要求二、实验目的三、实验原理1、双4选1数据选择器74LS1532、8选1数据选择器74LS1513、数据选择器的具体应用四、实验设备与器件五、实验内容与步骤六、实验报告要求更多相关文章点这里哦 ...

    一、实验预习要求

    1、复习数据选择器的工作原理。
    2、用数据选择器对实验内容中的各逻辑函数式进行预设计。

    二、实验目的

    1、掌握中规模集成数据选择器的逻辑功能及使用方法。
    2、学会用中规模集成数据选择器构成组合逻辑电路的方法。

    三、实验原理

    在多路数据传输过程中,能实现从多路信号中有选择地传送某一路到唯一公用数据输出端的电路称为数据选择器,其选择功能由地址码(选择控制)的输入端编码决定。数据选择器的功能类似于一个单刀多掷开关,所以又称为“多路开关”。其示意图如图1所示。
    在这里插入图片描述

    	图1 4选1数据选择器示意图
    

    图中有四路数据D0~D3,当选通端(使能端)有效时(低电平有效),通过选择控制信号(地址码)A1、A0从四路数据中选中一路数据送至公用数据输出端Y。
    数据选择器是目前逻辑设计中应用十分广泛的组合逻辑部件,其应用不仅能实现信号的多路传输,还可以构成函数发生器、波形产生器、串并行转换器等。用它实现组合逻辑函数具有电路更简单、使用更方便等特点。其集成电路产品主要有2选1、4选1、8选1、16选1等数据选择器类型。

    1、双4选1数据选择器74LS153

    所谓双4选1数据选择器,就是在一块集成芯片上集成两个完全独立的4 选1 数据选择器,其引脚排列如图2所示,功能如表1所示。

    在这里插入图片描述在这里插入图片描述

    图2双4选1数据选择器74LS153引脚排列图      表1 数据选择器74LS153功能表
    

    4选1数据选择器的逻辑表达式可写为
    在这里插入图片描述

    2、8选1数据选择器74LS151

    74LS151为互补输出的8选1数据选择器,其引脚排列如图3所示,功能如表2所示。
    在这里插入图片描述在这里插入图片描述

    图3 8选1数据选择器74LS151的引脚排列图  表2 数据选择器74LS151功能表
    

    8选1数据选择器的逻辑表达式可写为
    在这里插入图片描述

    3、数据选择器的具体应用

    对于n个地址输入的数据选择器,其表达式还可写为
    在这里插入图片描述

    式中,mi是地址变量An-1、…、A1、A0所对应的最小项,称为地址最小项。上式还可以用矩阵形式表示为
    在这里插入图片描述

    式中在这里插入图片描述是由地址最小项组成的行阵,在这里插入图片描述是由地址最小项组成的行阵,…是由D0~Dn-1组成的列阵的转置。
    而任何一个具有l个输入变量的逻辑函数都可以用最小项之和来表示:
    在这里插入图片描述

    这里的mi是由函数的输入变量A、B、C、…组成的最小项。
    通过比较Y和F的表达式可以看出,只要将逻辑函数的输入变量A、B、C、…加至数据选择器地址输入端,并适当选择Di的值,使F=Y,就可以用数据选择器实现函数F。因此,用数据选择器实现函数的关键在于如何确定Di的对应值。
    (1)在这里插入图片描述的情况
    l为函数的输入变量数,n为选用的数据选择器的地址输入端数。当l=n时,只要将逻辑函数的输入变量A、B、C、…依次接到数据选择器的地址输入端,根据函数F所需要的最小项,确定数据选择器中Di的值(0或1)即可;当l<n时,将数据选择器的的高位地址输入端不用(接0或1),其余同上。
    例1、试用8选1数据选择器74LS151实现逻辑函数在这里插入图片描述

    :首先求出逻辑函数式的最小项表达式为在这里插入图片描述
    当采用8选1的数据选择器时,有
    在这里插入图片描述

    令A2=A,A1=B,A0=C,要使F=Y,则输入数据D0 =D3=D5=D7=1,D1=D2= D4=D6=0,此时Y=(ABC)m(10010101)T=m(0,3,5,7),故F=Y。用74LS151实现逻辑函数F的逻辑图如图4所示。
    在这里插入图片描述

    		图4例1逻辑图
    

    需要注意的是,因为函数F中各最小项的标号是按A、B、C的权为4、2、1写出的,因此A、B、C必须依次加到A2、A1、A0端。
    (2)在这里插入图片描述的情况
    当逻辑函数的变量数大于数据选择器的地址输入端数n时,不能采用上面所述的简单方法。如果从个输入变量中选择n个直接作为数据选择器的地址输入,那么多余的个变量就要反映到数据选择器的数据输入Di端,即Di是多余输入变量的函数,简称余函数。因此设计的关键是如何求出函数Di。确定余函数Di可以采用代数法或降维K图法。
    例2、试用4选1数据选择器74LS153实现逻辑函数
    解:首先选择地址输入,令A1A0=AB,则多余输入变量为C,余函数Di=f©。 
    本实验确定余函数Di采用代数法,即用代数法将F的表达式变换为与Y相应的形式:
    在这里插入图片描述
    在这里插入图片描述

    将F与Y对照可得在这里插入图片描述,因此用74LS153实现逻辑函数F的逻辑图如图5所示。
    在这里插入图片描述

    		图5例2逻辑图
    

    四、实验设备与器件

    1、TH-SZ型数字系统设计实验箱;
    2、74LS04 六反相器,74LS151 8选1数据选择器;
    3、导线/插接线若干。

    五、实验内容与步骤

    1、测试74LS151的逻辑功能
    根据74LS151的引脚排列图,在74LS151的第8脚GND接实验箱上的地,第16脚VCC接实验箱上的+5V电源。将输出端Y接逻辑电平显示插口上,地址输入端A2A1A0、数据输入端D0~D7、选通端分别接逻辑电平开关输出插口上,按74LS151的功能表逐项测试其逻辑功能,并记录测试结果。测试电路时应特别注意,所测芯片A2A1A0中,前者应为高位。
    2、用74LS151实现一个一位全加器。要求:写出设计过程,画出逻辑电路图,验证逻辑功能。
    在这里插入图片描述
    在这里插入图片描述

    							仿真图
    

    3、用74LS151实现一个输血者血型与受血者血型符合的“输血规则”电路,已知输血规则图如图6所示。要求:写出设计过程,画出逻辑电路图,验证逻辑功能。
    设计提示:输血规则及编码如图6所示,当输血者血型与受血者血型符合“输血规则”时,电路输出为1,否则输出为0。
    在这里插入图片描述

    	图6 输血规则图
    

    在这里插入图片描述 在这里插入图片描述
    在这里插入图片描述 在这里插入图片描述
    在这里插入图片描述 在这里插入图片描述
    在这里插入图片描述 在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    				仿真图
    

    六、实验报告要求

    1、写出用数据选择器对实验内容进行设计的详细过程,画出接线图,并进行逻辑功能测试。
    2、总结实验收获、体会及数据选择器的电路结构特点,并说明地址变量对数据选择器有何作用。
    3、整理实验记录,并对结果进行分析。

    更多相关文章点这里哦

    数字电子技术基础(全套实验手册及仿真工艺实习)

    通信工程(信息类,电子类,电气工程,自动化,计算机,软件工程,机电,等相关专业)全套学习指导

    展开全文
  • 仿iphone日期选择器,项目需要一个能选择开始时间和结束时间,用别人demo多封装了一次。
  • Android仿Iphone样式的时间、日期选择器
  • javascript城市选择器插件

    千次下载 热门讨论 2012-04-17 16:58:37
    本插件使用原生javascript编写,兼容IE6及以上浏览器,兼容chrome,opera,firefox,safari等主流浏览器。 1.代码淅晰,兼容性良好。 2.使用简单,提供使用用例 3.不依赖于任何库,采用原生js编写 ...
  • 滚动选择器PickerView使用demo

    千次下载 热门讨论 2014-08-12 12:42:08
    与此资源对应的博客地址:http://blog.csdn.net/zhongkejingwang/article/details/38513301
  • CSS的四种基本选择器和四种高级选择器

    万次阅读 多人点赞 2018-07-11 13:48:38
    CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。 CSS的选择器分为两大类:基本选择题和扩展选择器。 基本选择器: 标签选择器:针对一类标签 ID选择器:针对某一个特定的...
  • uniapp滚动选择器 picker

    千次阅读 2020-08-13 09:59:43
    支持五种选择器, 通过mode来区分, 分别是普通选择器(selector), 多列选择器(multiSelector), 时间选择器(time), 日期选择器(date), 省区选择器(region), 默认是普通选择器 一. 普通选择器(selector) mode = ...
  • 文章目录内容介绍使用选择器构建选择器使用选择器CSS选择器扩展嵌套选择器选择元素属性带有正则表达式的选择器extract() and extract_first() 内容介绍 在抓取网页时,需要执行的最常见任务是从HTML源提取数据。 ...
  • 这30个CSS选择器,你必须熟记(上)

    万次阅读 多人点赞 2019-10-30 07:10:00
    CSS为我们提供了选择器,这个酷酷的魔法工具,让我们随意能够操作网页元素的样式,CSS选择器众多,我们不可能一次性学完,但是这30个CSS选择器我们必须熟练记忆,可能有的同学觉得没必要学这么多,掌握了id、class、...
  • 标签选择器(元素选择器

    千次阅读 2019-10-02 20:05:36
    标签选择器(元素选择器) 标签器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。其基本语法格式如下: 标签名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......} 标签...
  • css选择器---组合选择器

    万次阅读 2019-05-20 17:52:48
    2、组合选择器 (1)包含选择器 格式:包含选择符名 选择符{样式} 例:<html> <head> <meta charset="utf-8"> <title>CSS基础</title> <style type="text/css"> #header p { ...
  • 微信小程序开发之城市选择器 城市切换
  • 选择子类: div 下的img元素 $("div").children("img") 选择父类:div的所有父类  $("div").parent('') 选择 祖父: parents()获取所有上级元素 以下是 代码是从当前元素...
  • ID选择器与Class类选择器区别

    千次阅读 2018-11-21 14:13:39
    class和id选择器得区别:class选择器的值不是唯一的,我可以在多个标签共用一个class名 ID选择器: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8...
  • vue 日期时间选择器 Vue日期时间选择器 (Vue Datetime picker) Vue Datetime picker BY Vladyslav Shchepotin. Vue日期时间选择器Vladyslav Shchepotin。 View demo 查看演示 Download Source 下载源 要求 ...
  • CSS基础:谈谈选择器的权重和优先级

    万次阅读 多人点赞 2021-02-20 18:02:30
    选择器的权重与优先级有什么关系? 一、什么是权重? 先来看下面这样两段代码,大家分析class="c"的标签内文字的颜色是? <style> .class-a .b .c { color: red; } .class-a .c { color: blue; } </style...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,968,904
精华内容 1,187,561
关键字:

选择器