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级标题没有被指定样式
派生选择器允许你根据文档的上下文关系来确定某个标签的样式。
我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用
- 我是斜体字。这是因为 strong 元素位于 li 元素内。
- 我是正常的字体。
(二)样式的“覆盖”规则
CSS基础-样式的“覆盖”规则 The strongly emphasized word in this paragraph is red.
This subhead is also red.
The strongly emphasized word in this subhead is blue.
效果图:
上一篇: vue学习
下一篇: html中使用css的方法有哪几种
推荐阅读
-
css基本语法简单介绍_html/css_WEB-ITnose
-
Sass简介,安装环境,Sass的语法格式及编译调试_html/css_WEB-ITnose
-
css基本语法简单介绍_html/css_WEB-ITnose
-
前端极易被误导的css选择器权重计算及css内联样式的妙用技巧_html/css_WEB-ITnose
-
CSS3基本选择器详解_html/css_WEB-ITnose
-
前端极易被误导的css选择器权重计算及css内联样式的妙用技巧_html/css_WEB-ITnose
-
Sass简介,安装环境,Sass的语法格式及编译调试_html/css_WEB-ITnose
-
《图解CSS3核心技术与案例实战》读书笔记--CSS3基本选择器_html/css_WEB-ITnose
-
CSS基本功先生--选择器_html/css_WEB-ITnose
-
CSS写法,基本语法的问题_html/css_WEB-ITnose