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

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的拼写