css3基础知识第一章语法

CSS 层叠样式表 (Cascading Style Sheets)

CSS 规则由两个主要的部分构成：选择器，声明

选择器：

标签选择器： 直接用标签

类选择器： . （标签被class修饰）

ID选择器： #（标签被 id修饰，id只存在一个）

子选择器： 之前是用>，现在用空格隔开如 .class #id 标签

通用选择器： 如标签选择器和类选择器都是通用的

伪类选择器： a:hover{}（ 鼠标滑过响应事件）

分组选择器： 用，号隔开；如 .class,#id,标签{}

声明：

body {
  color:  #000;
  background: #fff;
  font-family: "微软雅黑";
}

CSS注释：

/* 注释的内容 */

CSS样式：

优先级比较 行内样式 ＞ 内联样式 ＞ 外联样式

相同选择器样式后者覆盖前者

行内样式：

<div style="color:red;font-size:12px;"></div>

内联样式：

<style type="text/css">
body{width:985px;height:260px;background:#FFCC66;}
</style>

外联样式：

用link：

<link rel=”stylesheet” type=”text/css” href=”my.css”> 

用html：（我没有用过）

<style type="text/css">@import url("css.css");></style>  

样式的继承，层叠和重要性：

继承：<p>aaa<span>bbbb</span>aaa</p>

如果只定义了p的样式为red；没有定义span；那么span就继承了p；也为red

层叠：在相同权重的时候，后面会覆盖前面

重要性：在分号前加！important；如p{color:red !important;}

特殊性：权重；标签为1，类选择器10，ID选择器100；可以一层层叠加

一起学习，一起成长，如有问题可以留言，我会及时更改
更多干货等你来拿 http://www.itit123.cn/