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

三种继承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只不过是一个例子

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

1. 文档外继承

   

   

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

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

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