欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS:基本语法及派生选择器_html/css_WEB-ITnose

程序员文章站 2022-03-16 08:18:00
...
本文介绍css基本语法及派生选择器。

代码整理自w3school:http://www.w3school.com.cn

(一)基础部分:

CSS基础

h1,h2,h3 级标题为CSS样式指定为灰底红字

h1,h2,h3 级标题为CSS样式指定为灰底红字

h1,h2,h3 级标题为CSS样式指定为灰底红字

h4级标题没有被指定样式


派生选择器允许你根据文档的上下文关系来确定某个标签的样式。

我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用

  1. 我是斜体字。这是因为 strong 元素位于 li 元素内。
  2. 我是正常的字体。
效果图:

(二)样式的“覆盖”规则

CSS基础-样式的“覆盖”规则

The strongly emphasized word in this paragraph is red.

This subhead is also red.

The strongly emphasized word in this subhead is blue.


效果图: