微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css写在哪

写css的位置:1、作为行内样式,写在HTML标签的style属性中;2、作为内嵌样式,写在head标签的style标签中;3、作为外联样式,写在单独的“.css”文件中,使用link标签或“@import”规则引入到HTML中。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css样式有三种:内嵌CSS样式、行内CSS样式、外部CSS样式(外联样式)。

1、行内CSS样式

在HTML的标签中使用style属性来设置css样式

格式:

<html标签 style=属性:值;属性:值;....>被修饰的内容</html标签>

例:

<html>
<head>
    <titile></title>
</head>
<body>
    <div style=width=100px height=100px></div>
</body>
</html>

特点:仅作用于本标签

2、内嵌CSS样式

在head标签中使用style标签来设置css样式

格式:

<style type=text/css>
 ....css样式代码 
</style>

例:

<html>
<head>
    <titile></title>
    <style type=text/css>
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>

特点:作用于当前整个页面

3、外部CSS样式(外联样式)

将css代码写在一个单独的“.css”文件

1.png

用link标签或@import引入该文件页面

例:

<html>
<head>
    <titile></title>
    <link rel=stylesheet href=要引入的CSS文档位置 >
</head>
<body>
</body>
</html>

学习视频分享css视频教程

原文地址:https://www.jb51.cc/css/1205831.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。