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>

posted on 2015-09-28 18:00  陷阱  阅读(213)  评论(0编辑  收藏  举报

导航