CSS选择器的常用属性
一、背景样式
功能 | 属性名 | 属性值 |
---|---|---|
背景色 | background-color | 1. 颜色常量,如:red 、2. 使用十六进制,如:#AABBCC、3. 红绿蓝 使用 rgb(红,绿,蓝) |
背景图片 | background-image | url(图片文件) |
平铺方式 | background-repeat | repeat 默认。背景图像将在垂直方向和水平方向重复。 repeat-x 背景图像将在水平方向重复。 repeat-y 背景图像将在垂直方向重复。 no-repeat 背景图像将仅显示一次。 |
背景位置 | background-position | left top |
二、文本样式
功能 | 属性名 | 属性值 |
---|---|---|
颜色 | color | 1. 颜色常量,如:red 、2. 使用十六进制,如:#AABBCC、3. 红绿蓝 使用 rgb(红,绿,蓝) |
设置行高 | line-height | 单位是像素 |
文字修饰 | text-decoration | none 默认,标准的文本、underline 下划线 、overline 上划线 |
文本对齐 | text-align | left 把文本排列到左边。默认值:由浏览器决定。 、right 把文本排列到右边。 、center 把文本排列到中间。 |
三、字体样式
功能 | 属性名 | 属性值 |
---|---|---|
字体名 | font-family | 设置字体,本机必须要有这种字体 |
设置大小 | font-size | 单位:像素 |
设置样式 | font-style | italic 浏览器会显示一个斜体的字体样式。normal 默认值。浏览器显示一个标准的字体样式。 |
设置加粗 | font-weight | bolder加粗 |
四、浮动样式
功能 | 属性名 | 属性值 |
---|---|---|
元素浮动 | float | left:元素向左浮动。right:元素向右浮动。 |
清除浮动 | clear | left:左侧不允许浮动元素。right:右侧不允许浮动元素。both:左右两侧均不允许浮动元素。 |
五、显示样式
功能 | 属性名 | 属性值 |
---|---|---|
显示样式 | display | inline:设置元素为内联元素。block:设置元素为块级元素。none:设置元素不可见。 |