CSS样式的分类:1、内部 2、内联 3、引用外部样式表
1、内部: 写在html文件<head>到</head>之间:
写法:<style type="text/css">
div {width:100px;height:100px; background:#f00;}//div为例
</style>
2、内联:写在html文件的body标签中的具体标签中
语法:<标签 style="属性:属性值;属性:属性值;"><标签/>
例:<div style="width:100px;height:100px;border:1px solid #eee;"><div/>
3、外部:需要新建一个.CSS文件
以div为例,只需要在css文件中写:div {width:100px; }
然后在html的head中引用:<link rel="stylesheet" type="text/css" href=".css文件路径">
rel用于定义文档关联 type 定义文档类型
样式表优先级:
内联样式优先级最高
内部样式表和外部样式表,写的靠后的优先级的高(样式会覆盖,类似值重置)