首页 > 代码库 > 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之常用属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。