您的位置:首页 > Web前端 > CSS

css基础笔记

2015-09-28 18:00 417 查看
========================================

基本语法

元素{属性:值;}

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

派生选择器

元素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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: