内联式css样式-弹指间学会HTML+CSS-PHP中文网教程

内联式css样式

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>

css文件有嵌入式，内联式和外部式三种内联式即写在标签内，如<p style="color:red;">wenben</p> 嵌入式即在head部分放入一对<style></style>标签，在标签内写入样式外部就是新建一个css文件，在head部分用<link href="css文件路径" type=“text/css”rel="stylesheet"/>导入文件，js类似于外部式的css文件，它一般是一个独立的文件，在html的head部分用<script language="javascript" type="text/javascript" src="js文件路径"/>导入。

内联式css样式

全部评论我要评论

全部笔记发布笔记