站长资讯网写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”文件中
用link标签或@import引入该文件到页面中
例：
<html> <head> <titile></title> <link rel="stylesheet" href="要引入的CSS文档位置" > </head> <body> </body> </html>
学习视频分享：css视频教程