css写在哪

151 阅读 0 评论 100 点赞

我是靠谱客的博主认真小伙，这篇文章主要介绍css写在哪，现在分享给大家，希望可以做个参考。

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

css样式有三种：内嵌CSS样式、行内CSS样式、外部CSS样式（外联样式）。

1、行内CSS样式

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

格式：

复制代码<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>1
<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
登录后复制

例：

复制代码<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>1
2
3
4
5
6
7
8
<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>1
2
3
<style type="text/css">
 ....css样式代码 
</style>
登录后复制

例：

复制代码<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>
登录后复制

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

3、外部CSS样式（外联样式）

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

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

例：

复制代码<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>1
2
3
4
5
6
7
8
<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>
登录后复制

学习视频分享：css视频教程

以上就是css写在哪的详细内容，更多请关注靠谱客其它相关文章！