Heim  >  Artikel  >  Web-Frontend  >  CSS基础学习四:元素选择器_html/css_WEB-ITnose

CSS基础学习四:元素选择器_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:34:241041Durchsuche

        在上一篇的博客中我们已经熟悉CSS语法,对于CSS代码格式也有了一些认识。下面我就来说一下CSS代码式:

        选择器名称 { 属性名:属性值;属性名:属性值;......}

        属性与属性之间用分号隔开;属性与属性值直接使用冒号连接;如果一个属性有多个属性值的话,那么多个属性值用空格隔开。

       上述提到了我这一篇博客所要说的主题,就是选择器。选择器就是指定CSS语法要作用的标签,那个标签的名称

就是选择器。

       基本的选择器可分为三种:

        a)html标签名选择器:使用的是html的标签名,又叫元素选择器。

        b)class选择器;使用的是标签内的class属性,又叫类选择器。

        c)id选择器:使用的是标签内的id属性。

        每一个标签都定义了class属性和id属性,用于对标签进行标识,方便对标签进行操作。在定义中,多个标签的

class属性值可以相同,而id属性值必须唯一,因为JavaScript中经常使用。

         一CSS元素选择器

        最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 HTML 的样式,选

择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身。

       下面举个最简单的例子:

<span style="font-size:18px;"><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>CSS</title></span>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn