css写在哪


本文摘自PHP中文网,作者青灯夜游,侵删。

写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样式

格式:

1

<html标签 style="属性:值;属性:值;....">被修饰的内容</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样式

格式:

1

2

3

<style type="text/css">

 ....css样式代码

</style>

例:

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”文件中

1.png

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

例:

1

2

3

4

5

6

7

8

<html>

<head>

    <titile></title>

    <link rel="stylesheet" href="要引入的CSS文档位置" >

</head>

<body>

</body>

</html>

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

以上就是css写在哪的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css中怎样添加脚注

使用html和css实现康奈尔笔记的模板

css为什么要放在头部呢

css如何设置表格间距

css的sass样式应该怎么使用

css怎么设置超链接不可点击

css如何设置图片轮廓

css如何取消样式

css 怎么设置div不可点击

css %是什么单位

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...