欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

什么是Css的行内式?

发布时间:2019-05-31  编辑:杨雨个人博客网站   点击:   

什么是Css的行内式?

行内样式,就是将Css样式代码写在具体网页中的一个Html标签元素内;行内样式要在特定的HTML标记内使用,使用style属性来设置特定HTML标记的样式。比如:<div style="color:#f00"></div>

特点:

1)、行内样式放在代码中的HTML元素中。

2)、使用行内样式时,样式只会影响你选择的元素。

3)、行内样式没有选择器

注:HTML中定义的行内样式只适用于它们添加到的标记。

建议不要使用行内样式,因为每个HTML标记都需要单独设置样式,如果您只使用行内样式,管理网站可能会变得十分困难。但是,它在某些情况下很有用。例如,在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。

带有内联CSS的HTML页面示例如下所示:

<!DOCTYPE Html>
<Html>
  <body style="background-color:black;">
    <h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
    <p style="color:white;">Something usefull here.</p>
   </body>
</Html>

行内样式的优点:

1、如果您想测试和预览更改,则非常有用。

2、对快速修复很有用。

3、降低HTTP请求。

行内样式的缺点:

内联CSS必须应用于每个元素。 本文地址:http://itbyc.com/web/css3/21274.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1