写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=属性:值;属性:值;....>被修饰的内容</html标签>
例:
<html> <head> <titile></title> </head> <body> <div style=width=100px height=100px></div> </body> </html>
特点:仅作用于本标签。
2、内嵌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样式(外联样式)
例:
<html> <head> <titile></title> <link rel=stylesheet href=要引入的CSS文档位置 > </head> <body> </body> </html>