CSS样式表
2018-08-07 本文已影响0人
知行_6b4d
作用
css的出现简化了html页面修改样式的方法,方便,简单了html中标签内容样式的修改而且美观, 方便维护了修改
定义方法
选择器{属性:属性值 ;}
css选择器
-
标签选择器样式
定义了某种标签显示的样式,对使用这种标签的地方都有效
<style>
标签{属性:属性值;}
</style>
引用
<div></div> 如果css中定义了div标签的的样式, 则使用了这种样式 -
类别选择器样式
类别选择器使用需在标签内使用 class 引用,用使用同一种class的标签有效
定义方法:在类名前面加点
<style>
.类名{属性:属性值;}
</style>
引用
<div class="标签名"> -
id选择器样式
id选择器定义的css 只对使用了这个id的标签有效
定义:在id名称前面加#
<style>
id{属性:属性值;}
</style>
引用
<div id="id"></div>
由于id相同的标签在html中只有一个, 所有id选择器样式只能只用一次
css引入方式
- 行内样式
在html标签内写样式, 对这一行有效,如<div style="属性:属性值;"> - 内嵌式
在页面中使用<stype></style>将css包含在页面中 - 链接式
将css单独定义在一个css文件中
引用的时候使用<link>标记引用,如<link rel='stylesheet' herf='path' type='text/css'>