最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 开发技术 > web开发 >
html中css代码放哪里?写入方法是什么?
PHP中文网发表于 2021-09-15 18:30 次浏览

    html中css代码放哪里?对刚接触HTML的朋友来说,可能不是很了解要将CSS代码写在哪里和写入方法,其实,一般我们可以用style属性,将CSS代码放到html标签中或者使用style标签把css代码集中写在文档的head头部标签中,那么具体怎样写呢?下面我们一起来看一看。


    1、直接利用style属性,放到html标签中

    基本语法格式如下:

<element style="value">

    语法中style是标签的属性,实际上任何HTML标签都拥有style属性,用来设置行内式。其中属性和值的书写规范与CSS样式规则相同,行内式只对其所在的标签及嵌套在其中的子标签起作用。

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

    Hostinger Tutorials

    Something usefull here.

    2、使用style标签把css代码集中写在HTML文档的head头部标签中

    基本语法格式如下:

<head>
<style type="text/css">
css代码
</style>
</head>

    语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。

    style type="text/CSS" 在html5中可以省略,写上也比较符合规范,所以这个地方可以写也可以省略。

    示例:

<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>

    扩展知识:

    html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css js配合使用并构建优雅的前端网页。

    现在大家对html中css代码放哪里应该都知道了吧,希望本文对大家学习html有帮助,想要了解更多html的内容,请关注群英网络其它相关文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐