欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

内联css写法是什么

程序员文章站 2022-04-03 10:53:14
...

内联css写法如“<p style="color:red">...</p>”或“<p style="color:red;font-size:12px">...</p>”；内联式css样式表就是把css代码直接写在现有的HTML标签中。

内联css写法是什么

本文操作环境：windows7系统、css3版、Dell G3电脑。

内联css写法是什么？

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

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

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

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

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

<p style="color:red;font-size:12px">这里文字是红色。</p>

示例：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html标签</title>
<style type="text/css">
span{
   color:red;
}
</style>
</head>
<body>
    <p style="color:blue">xx网，<span>超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；
    <span>服务及时贴心</span>，内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>
</html>

（学习视频分享：css视频教程）

以上就是内联css写法是什么的详细内容，更多请关注其它相关文章！

相关标签： css

上一篇： 分享一个PHP的多店铺的电商网站，只要几千块

下一篇： 浅谈php提交form表单_php技巧

推荐阅读