Css基础知识

Css基础知识

Css基础知识
基本概念
Css层叠样式表 ：为了实现页面内容和表现形式的分离，层叠的含义是可以对一个元素多次设置样式，最后的结果是多次样式叠加的结果，如果有冲突，以后面的样式为准。

html：结构 css：样式 js：行为

基本语法
选择器{
属性名1：属性值1；
属性名2：属性值2；
…
}

选择器说明该样式施于哪些元素，属性名和属性值说明的是样式的内容
一般一行定义一个样式，也可以都在一行上。每条样式后面需要加；结尾。
使用方式

内联样式
使用style属性，只对当前标签有效，不利于维护和分工合作。

内部样式
在head中使用style标签，样式对当前页面有效。内容和表现形式实现了一定程度的分离（但不彻底）

外部样式
准备一个css文件
在html中引用这个css文件，在head标签中增加引用说明

内容和表现形式完全分离了，而且任何需要用到该样式表中的样式的页面都可以通过连接该文件来实现