将样式表添加到网页(Inline Style)

 觉得此篇文章还不错,于是又转载了,此文转载自:K.N.J的博客

 

层叠样式表定义:

  • CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
  • CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。

样式语法:

  • Selector {property:value}

那应该如何将样式表加入到自己的网页呢?目前,有三种方法可以实现,而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义单覆盖重叠的定义。

1.内联方式Inline Styles

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

相应代码:<p style="color:black">这一行的字体颜色将显示为黑色</p>

2.内联样式块对象Embedding Style Block

可以在自己的HTML文档的<head>标记里插入一个<style>块对象。

相应代码:

<style>

body{background:black;color:white;}

p{font-size:16px}

</style>

3.外部样式表Linking to a Style Sheet

......

......

......

............阅读全文,请参照:K.N.J's blog

 

发布了15 篇原创文章 · 获赞 1 · 访问量 5万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章