css之常用属性
2021-06-22 03:03
标签:round 定义 key normal fixed idt through ips hex 背景属性: 过渡属性: 文本属性: css之常用属性 标签:round 定义 key normal fixed idt through ips hex 原文地址:http://www.cnblogs.com/leomei91/p/7172077.htmlbackground-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 中的
标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
word-spacing 属性增加或减少单词间的空白(即字间隔)。
值:
px
ext-overflow 属性规定当文本溢出包含元素时发生的事情。
值:
clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。
text-shadow 属性向文本设置阴影。
值:
h-shadow 必需。水平阴影的位置。允许负值。
v-shadow 必需。垂直阴影的位置。允许负值。
blur 可选。模糊的距离。
color 可选。阴影的颜色。参阅 CSS 颜色值。