美文网首页
编写选择器

编写选择器

作者: 大风吹兮风清扬 | 来源:发表于2019-03-02 21:30 被阅读0次

编写选择器
现在,你应该已经熟悉 CSS 语句的基本结构。每个 CSS 语句都由一个选择器(selector)和一个声明块(declaration block)组成。选择器告诉浏览器,我们要为哪些 HTML 元素设计样式,声明块则告诉浏览器需要将哪些样式应用于该 HTML。

image
<div id="menu">
  <h1 class="item">Chicken Clay Pot</h1>
  <img src="img/clay-pot.jpg" alt="clay pot" class="picture">
  <p class="description">Crispy rice baked in clay pot topped with chicken and vegetables</p>
</div>
#menu  {
  text-align: center;
}
.item {
  color: red;
}
.picture {
  border-radius: 5px;
}
.description {
  font-style: italic;
}

相关文章

  • 运用$来封装函数,实现元素的查询

    一、tools编写/** 根据选择器查找元素 @param selector 选择器,可取 #id .cl...

  • 编写选择器

    编写选择器现在,你应该已经熟悉 CSS 语句的基本结构。每个 CSS 语句都由一个选择器(selector)和一个...

  • CSS基础知识-选择器的种类及优先级

    一、CSS选择器常见的有几种? 常见的有 1、id选择器 见自己编写的如下代码: 2、class选择器 3、属性选...

  • CSS阶段一:选择器

    编写位置 1.内联样式 2.内部样式表 3.外部样式表 选择器 元素选择器 标签名{ } id选择器 #id {}...

  • web前端小白案例-京东电梯式导航

    知识点:企业布局技巧,如何高效的编写CSS样式,常用选择器,基本标签,盒子模型,jquery类库调用,JS特效编写...

  • 自定义时间选择器

    自定义时间选择器 这里使用符合控件的形式来编写,过于复杂这难于理解,能够高效实现需求。 一、时间选择器需求分析 这...

  • python爬虫scrapy应用场景说明

    Scrapy 是一个用 Python 编写的快速、开源的 web 爬行框架,用于在基于 XPath 的选择器的帮助...

  • css3选择器总结

    选择器分基本选择器和拓展选择器 基本选择器:id选择器,类选择器,元素选择器,通用选择器 拓展选择器:群组选择器,...

  • 「CSS 」选择器

    选择器简单选择器标签选择器类选择器id 选择器通配符选择器属性选择器伪类选择器其他选择器伪元素选择器组合选择器选择...

  • CSS 理解

    选择器 通用选择器: id选择器 class选择器 元素选择器 子选择器 后代选择器 伪类选择器 伪元素选择器: ...

网友评论

      本文标题:编写选择器

      本文链接:https://www.haomeiwen.com/subject/fhiyuqtx.html