如何使用内联CSS样式？
- 内容介绍
- 文章标签
- 相关推荐
本文共计497个文字，预计阅读时间需要2分钟。
内联CSS写法如下：- 使用`
...
`直接在``标签内添加样式。- 使用`
...
`可以在``标签内添加多个样式。
内联式CSS样式表就是将CSS代码直接写在HTML标签内，例如：
这是一个红色的文本。
这是一个红色且字体大小为12px的文本。
内联css写法如“<p style="color:red">...</p>”或“<p style="color:red;font-size:12px">...</p>”；内联式css样式表就是把css代码直接写在现有的HTML标签中。
本文操作环境：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写法是什么的详细内容，更多请关注自由互联其它相关文章！
本文共计497个文字，预计阅读时间需要2分钟。
内联CSS写法如下：- 使用`
...
`直接在``标签内添加样式。- 使用`
...
`可以在``标签内添加多个样式。
内联式CSS样式表就是将CSS代码直接写在HTML标签内，例如：
这是一个红色的文本。
这是一个红色且字体大小为12px的文本。
内联css写法如“<p style="color:red">...</p>”或“<p style="color:red;font-size:12px">...</p>”；内联式css样式表就是把css代码直接写在现有的HTML标签中。
本文操作环境：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写法是什么的详细内容，更多请关注自由互联其它相关文章！