你的位置:首页 > 软件开发 > 网页设计 > CSS 层叠与继承

CSS 层叠与继承

发布时间:2017-06-18 00:00:44
三种继承css方式1.段内继承<p style="color: red;font-size:50px;">样式原文</p> 原文变成 红色,原文字体变大两个都是通过改变样式属性的值去实现的. 语法详解:1.每个样式属性会有不同 ...

三种继承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. 文档外继承

    1. 需要先建立一个额外的后缀名为css文件
    2. 编辑文件,建立css 样式

    CSS 层叠与继承

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

     

    CSS 层叠与继承


原标题:CSS 层叠与继承

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。