什么是css行内式
程序员文章站
2022-03-08 09:19:28
...
css行内式指的是使用style属性将css样式代码写在指定的html标签元素内,作为HTML标签的属性标记存在,语法“<元素名 style="css样式代码">”。使用css行内样式,可对指定元素单独定义样式,样式只会影响该指定的元素。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css行内式指的是使用style属性将css样式代码写在指定的html标签元素内,作为HTML标签的属性标记存在。
语法:
<element style="style_definitions">
值style_definitions:用于一个或多个由分号分隔的 CSS 属性和值。 (例如:
style="color:blue;text-align:center"
)
示例:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>css行内样式</title> </head> <body> <div style="width:100px;height:100px;background:red;"></div> </body> </html>
css行内式的特点:
1)、行内样式放在代码中的HTML元素中。
2)、使用行内样式时,样式只会影响你选择的元素。
3)、行内样式没有选择器
注:HTML中定义的行内样式只适用于它们添加到的标记。
建议不要使用行内样式,因为每个HTML标记都需要单独设置样式,如果您只使用行内样式,管理网站可能会变得十分困难。但是,它在某些情况下很有用。例如,在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。
(学习视频分享:css视频教程)
以上就是什么是css行内式的详细内容,更多请关注其它相关文章!
上一篇: CSS代码格式化的不同的表现方式介绍