AI编程助手
AI免费问答

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

黄舟   2017-06-18 13:23   1644浏览 原创

三种继承css方式

1.段内继承

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

  1. 原文变成 红色,

  2. 原文字体变大

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

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

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

3.font-size 属于复合属性

2. 文档内继承

    

    style – type    声明css的作用类型

    p{ 样式属性}    p是作用域, 也可以是

等等的其他标签, p只不过是一个例子

    

文档内继承会比段内继承的优先级低,  优先执行段内的,所以 同时

的样式, 第一个原文执行了全局style, 第二个执行了段内style

 

  1. 文档外继承

     

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

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

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

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。