因特网, 网页设计
CSS选择器,并且其格式的HTML文档中的作用
创建一个网站,并与网页的某些元素填充它,每个人都会面临的一个术语,如CSS选择器。 它有助于更准确地确定它们的页面设计和位置的HTML文件中的所有元素。 要做到这一点,创建阐明了一定的选择和他们的格式选项CSS-A文档:颜色,大小,位置等。 每一个网页设计师应该知道并且能够正确输入所需的选择。 它们被划分类型,其中我们将在下面讨论为主。
在CSS选择器的种类
根据到该元件被施加html格式,CSS-选择可以涉及下列基团之一:
- 标签选择器;
- 类选择;
- ID-选择器;
- 属性选择。
标签选择
它也被称为“类型选择器”或“元素”,这是最简单和常见的。 由于他的CSS文档是HTML文件的元素,我们描述的名称。 例如,如果我们需要设置段落样式,我们指定的性质及其对元素p {背景值:X; 颜色:Y; 大小:Z}。 在这种情况下,该网页的所有段落将具有相同的格式(背景颜色,文本大小,等等。D.)。
类选择
而要问,如果你需要什么你的每一个段落是从其他样式的不同? 要做到这一点,有一类选择。
CSS-文件在这种情况下将包含以下形式的项:{p.first颜色:X; 字体大小:Y}。 因此,我们定义“颜色”,只有头等舱段的“大小”的属性。
在这种情况下,一个HTML文档中输入一个类属性的风格的名头。 类可以尽可能多的,只要你想申请一个网页元素的样式。
选择ID
经常有必要更精确地定义一个风格,例如到网页中的任何一个元件,或进行采样它们。 在这种情况下,援助附带ID-选择。 HTML文件分配标识他人之间它所需的项目名称。 例如,我们要设置与其他风格不同的元素将在文章标题。
然后一个html文档在分配头部H1标识符,例如ArticleName的。 而在CSS文件中,指定风格,增添了ID名格栅:#articlename {颜色:蓝色; 文本对齐:中心}。 现在,我们的标题将有蓝色和居中。
上述类型的每一个都可以被描述为“简单的CSS-选择器”。 它们定义格式的HTML文档的特定参数:一起类似的元素(例如,所有的文章的段落),一个类(例如,仅第一段)或特定项目(例如文章标题)。
属性选择
除上述外,还有一个CSS选择器属性 - 的应用程序样式更复杂的方法。 它允许对所选择的属性或值的html格式的元素。 有几个品种这个选择的:
- 由属性的存在;
- 在其确切值;
- 由部分属性值;
- 其具体价值。
让我们看看这些物种:
- 第一种情况。 格式应用于,如果存在于特定属性的HTML代码(其可以是p,DIV,标题等)。 如果不是,它采用了通用的风格的所有元素。 例如,对于具有标题元素 (刀尖)。
- 第二种情况。 该样式仅适用于具有属性值的精确匹配的HTML元素。 例如,要输入的元素,其中该类型属性的值等于提交。
- 第三种情况。 根据该格式将只包括具有一定字值的列表项。 例如,侧边栏属性“类别”的元件的div。
- 第四种情况。 式仅被定义为HTML文档,其特定的属性具有一定值的那些元素,并与他开始。 例如,使用指定的颜色的所有元素,其中英语属性(其可以是烯,烯RUS,烯Au和吨。D.)。
因此,通过使用一个或另一个,CSS选择,可以最好被指定为一个完整的网页,并描述它的一些元件。
Similar articles
Trending Now