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

CSS中关于层叠与继承的图文介绍

程序员文章站 2022-04-21 22:37:34
...

三种继承css方式

1.段内继承

<p style="color: red;font-size:50px;">样式原文</p>

  1. 原文变成 红色,

  2. 原文字体变大

两个都是通过改变样式属性的值去实现的. 语法详解:

1.每个样式属性会有不同的值, "color: red" 通过冒号表达color的属性.

2.属性间要用分号间隔和闭合

3.font-size 属于复合属性

2. 文档内继承

<style> 全局style 要使用<style>标签, 设置在< head>头部之间

style – type 声明css的作用类型

p{ 样式属性} p是作用域, 也可以是 <table><input> 等等的其他标签, p只不过是一个例子

CSS中关于层叠与继承的图文介绍

文档内继承会比段内继承的优先级低, 优先执行段内的,所以 同时<p>的样式, 第一个原文执行了全局style, 第二个执行了段内style

CSS中关于层叠与继承的图文介绍

  1. 文档外继承

    CSS中关于层叠与继承的图文介绍

    CSS中关于层叠与继承的图文介绍

    1. 作用文件 引用 css文件样式

    2. 需要先建立一个额外的后缀名为css文件

    3. 编辑文件,建立css 样式

以上就是CSS中关于层叠与继承的图文介绍的详细内容,更多请关注其它相关文章!