首页 > 代码库 > css之常用属性

css之常用属性

背景属性:

background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动
值:
scroll 	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 	当页面的其余部分滚动时,背景图像不会移动。

background-color 设置背景色
值:
color_name 	规定颜色值为颜色名称的背景颜色(比如 red)。
hex_number 	规定颜色值为十六进制值的背景颜色(比如 #ff0000)。
rgb_number 	规定颜色值为 rgb 代码的背景颜色(比如 rgb(255,0,0))。
transparent 	默认。背景颜色为透明。

background-image 设置背景图片
值:
url(‘URL‘) 	指向图像的路径。
none 	默认值。不显示背景图像。

background-position 属性设置背景图像的起始位置。
值:
x% y%

background-repeat 属性设置是否及如何重复背景图像。
值:
repeat 	默认。背景图像将在垂直方向和水平方向重复。
repeat-x 	背景图像将在水平方向重复。
repeat-y 	背景图像将在垂直方向重复。
no-repeat 	背景图像将仅显示一次。

background-origin 属性规定 background-position 属性相对于什么位置来定位。
值:
padding-box 	背景图像相对于内边距框来定位。 	
border-box 	背景图像相对于边框盒来定位。 	
content-box 	背景图像相对于内容框来定位。

background-size 属性规定背景图像的尺寸。
语法:
background-size: length|percentage|cover|contain;

 过渡属性:

transition: 样式名 过渡时间;
值:
transition-property 	规定设置过渡效果的 CSS 属性的名称。
transition-duration 	规定完成过渡效果需要多少秒或毫秒。
transition-timing-function 	规定速度效果的速度曲线。
transition-delay 	定义过渡效果何时开始。

animation
 实例
#div1{
    width:60px;
    height: 60px;
    -webkit-animation: first 5s;
    background-color: black;
}
@-webkit-keyframes first{
    from {background-color: red;}
    to {background-color: blue;}
}

 文本属性:

color 属性规定文本的颜色。

direction 属性规定文本的方向 / 书写方向。
值:
ltr 	默认。文本方向从左到右。
rtl 	文本方向从右到左。

letter-spacing 属性增加或减少字符间的空白(字符间距)。
值:
px

line-height 属性设置行间的距离(行高)。
值:
%|px

text-align 属性规定元素中的文本的水平对齐方式。
值:
left 	把文本排列到左边。默认值:由浏览器决定。
right 	把文本排列到右边。
center 	把文本排列到中间。
justify 	实现两端对齐文本效果。

text-decoration 属性规定添加到文本的修饰。
值:
none 	默认。定义标准的文本。
underline 	定义文本下的一条线。
overline 	定义文本上的一条线。
line-through 	定义穿过文本下的一条线。
blink 	定义闪烁的文本。

text-indent 属性规定文本块中首行文本的缩进。
值:
length 	定义固定的缩进。默认值:0。
% 	定义基于父元素宽度的百分比的缩进。
px

text-transform 属性控制文本的大小写。
值:
none 	默认。定义带有小写字母和大写字母的标准的文本。
capitalize 	文本中的每个单词以大写字母开头。
uppercase 	定义仅有大写字母。
lowercase 	定义无大写字母,仅有小写字母。

white-space 属性设置如何处理元素内的空白。
值:
normal 	默认。空白会被浏览器忽略。
pre 	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 	文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 	保留空白符序列,但是正常地进行换行。
pre-line 	合并空白符序列,但是保留换行符。

word-spacing 属性增加或减少单词间的空白(即字间隔)。
值:
px

ext-overflow 属性规定当文本溢出包含元素时发生的事情。
值:
clip 	修剪文本。 	
ellipsis 	显示省略符号来代表被修剪的文本。 	
string 	使用给定的字符串来代表被修剪的文本。

text-shadow 属性向文本设置阴影。
值:
h-shadow 	必需。水平阴影的位置。允许负值。 	
v-shadow 	必需。垂直阴影的位置。允许负值。 	
blur 	可选。模糊的距离。 	
color 	可选。阴影的颜色。参阅 CSS 颜色值。

 

css之常用属性