css基础笔记

========================================

基本语法

元素{属性：值；}

 

========================================

派生选择器

元素a 元素b{ }

只有 元素a 中的 b 元素的设置样式

 

========================================

id选择器

#id名 { }

为标有特定id的元素设置样式

 

========================================

id选择器 + 派生选择器

#id 元素a { }

对特定的id的元素a设置样式

 

========================================

类选择器（第一个字符不能是数字）

. className { }

所有拥有className类名的元素设置样式 

 

========================================

类选择器 + 派生选择器

.className 元素a { }

带有className的元素内的元素a设置样式

元素a .className { }

类名为className的元素a设置样式

 

========================================

属性选择器（只限定了!DOCTYPE支持）

[title] { }

带有title属性的所有元素设置样式

 

 

========================================

 

外部样式表

<link rel="stylesheet", type="text/css" href="mystyle.css"/>

内部样式表

<style type="text/css"> XXX</style>

内联样式

<p style="color:siemna; margin-left:20px">XXX</p>