CSS和HTML的结合方式、CSS语法格式

CSS和HTML的结合方式

 

1．内联样式
　　*在标签内使用style属性指定css代码
　　*如:<div style="color : red; ">hello css</ div>

2．内部样式
　　*在head标签内，定义style标签，style标签的标签体内容就是css代码* 如∶
　　<style>
　　div{
　　　　color: blue;
　　　}
　　</ style>
　　<div>hello css</ div>
3．外部样式
　　1．定义css资源文件。
　　2．在head标签内，定义link标签，引入外部的资源文件Ⅰ

*如:
　　*a.css文件∶
　　　　div{
　　　　　　color:green;
　　　　　}
<link rel="stylesheet" href="css/a.cks"><div>hello css</div>
<div>hello css</div>

　　*注意︰
　　　　* 1,2,3种方式css作用范国越来越大* 1方式不常用，后期常用2,3
　　　　* 3种格式可以写为:　　　　

　　　　　　<style>
　　　　　　　　@import "css/a.css" ;

　　　　　　</style>

 

CSS语法格式

 

　　格式：

　　　　选择器{

　　　　　　属性名1：属性值1；

　　　　　　属性名2：属性值2；　　

　　　　　}

　　选择器:筛选具有相似特征的元秦注意:
　　每—对属性需要使用;隔开，最后一对属性可以不加;