三种继承css方式 1.段内继承 style="color: red;font-size:50px;">样式原文 原文变成 红色, 原文字体变大 两个都是通过改变样式属性的值去实现的. 语法详解: 1.每个样式属性会有不同的值, "color: red" 通过冒号表达color的属性. 2.属性间要用分号间隔和闭合 3.font-size 属于复合属性 2. 文档内继承 全局style 要使用<style>标签, 设置在< head>头部之间</p> <p> style – type 声明css的作用类型</p> <p> p{ 样式属性} p是作用域, 也可以是 <table><input> 等等的其他标签, p只不过是一个例子</p> <p> <img src="https://img.php.cn/upload/article/000/000/194/c59c9ecf595563d8a3af7924fee71b15-0.png" alt=""></p> <p>文档内继承会比段内继承的<a href="//m.sbmmt.com/code/6066.html" target="_blank">优先级</a>低, 优先执行段内的,所以 同时<p>的样式, 第一个原文执行了全局style, 第二个执行了段内style</p> <p><img src="https://img.php.cn/upload/article/000/000/194/c59c9ecf595563d8a3af7924fee71b15-1.png" alt=""></p> <p> </p> <ol class=" list-paddingleft-2"> <li> <h2>文档外继承</h2> <p><img src="https://img.php.cn/upload/article/000/000/194/c59c9ecf595563d8a3af7924fee71b15-2.png" alt=""></p> <p> </p> <p style="margin-left: 18pt"><img src="https://img.php.cn/upload/article/000/000/194/cb2294053e938e532bfa60add831c6c4-3.png" alt=""></p> </li> <ol class=" list-paddingleft-2" style="list-style-type: lower-alpha;"> <li><p>作用文件 <a href="//m.sbmmt.com/wiki/231.html" target="_blank">引用</a> css文件样式</p></li> <li><p>需要先建立一个额外的后缀名为css文件</p></li> <li><p>编辑文件,建立css 样式</p></li> </ol> </ol>
