内联式css样式,直接写在现有的HTML标签中

来源:互联网 发布:高性能网络编程 编辑:程序博客网 时间:2024/06/16 11:50

CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。

内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

<p style="color:red">这里文字是红色。</p>

注意要写在元素的开始标签里,下面这种写法是错误的:

<p>这里文字是红色。</p style="color:red">

并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:

<p style="color:red;font-size:12px">这里文字是红色。</p>
<style type="text/css">span{color:red;}</style><body><span style="color:red">壮士功名尚未成,呜呼久不遇阳春</span></body>


阅读全文
0 0