这是一个非常简短的参考表不是一个详尽的清单的CSS方面:它的目的是为您提供一种方式来查找你最可能需要的信息。CSS语法的详细信息、选择器和属性,请访问W3C CSS教程页面http://www.w3schools.com/css/。
CSS规则集
一个规则集的组件。
CSS样式表实质上是一组规则集。规则集是由三件事:
- 选择器
- 这些都是你选择哪些元素或文档中元素组将样式信息的影响。
- 属性
- 这些标识样式属性(如大小或颜色)所控制。
- 值
- 每个属性都有一个特定的值指示大小、颜色、边缘,或其他应用的样式信息。
见下一页更详细的讨论
选择器
选择器的方式识别元素或元素组,将影响你的样式信息。选择器可能只是一个元素的名称,或者他们可能考虑元素的嵌套,或一个特定的属性值。
下面列出最常见的选择器和语法。
- 元素:
- h1{字体大小:125%;}
- 元素后代元素:
- p{强字体样式:斜体;}
- element.class:
- 跨度。speakerName{粗细:大胆;}
- 元素# id:
- div#菜单{背景颜色:灰色;}
属性和值
下面列出的共同属性和他们最常见的类型的值。注意,一些性质(尤其是那些管理大小)可以以几种不同的方式。一些测量绝对像素等单位;其他人则相对于字体大小(例如,ems),和其他国家相对于周围的文本(例如,百分比或更大的或小)。
- 显示:没有| |内联块
- margin-left、margin-right margin-top margin-bottom: 1 em | 2例
- padding-left、padding-right padding-top padding-bottom: 1 em | 2例
- 边界:薄固体蓝色;
- text-align:左| | |为中心
- 行高:%
- indent: 1 em | 48 px
- 文字修饰:强调|上划线
- 字体大小:xx-small | x-small |小|中|大|从小到大| xx-large
- 字体大小:% | |小大
- |斜体字体样式:正常
- 粗细:正常|大胆
- 字体类型:衬线|无衬线|草书| |幻想等宽字体
- 颜色:红色| # 99 aabb
- 背景颜色:红色| # 99 aabb
- 背景图片:url (“。/ image.png”)
- 平铺方式:重复| repeat-x | repeat-y |不再重演
- background-attachment:滚动|固定
- 背景位置:(顶部中心| |底部)(左|中|右)
- 背景位置:20% - 70%