君语贤
时光静好,与君语;细水流年,与君同;繁华落尽,与君老...

前端设计>css>正文

CSS样式:背景属性、文本属性

2019-01-24 12:03 君语贤文本属性样式背景属性

CSS样式:背景属性、文本属性

一、CSS背景属性

background 是简写属性,它包含5个基本属性,分别是:<1>background-color: 规定要使用的背景颜色属性:#fff,red,rgb(235,235,235)三种属性值<2>background-position: 规定背景图像的位置属性:(top center),30px 40px,x% y%三种属性值,第一个是水平位置,另一个是垂直位置。<3>background-attachment:背景图像是否固定或者随着页面的其余部分滚动属性: scroll默认值 fixed固定 inherit继承父元素background-attachment 属性的设置。<4>background-repeat:规定如何重复背景图像属性:repeat-x(X轴平铺) repeat-y(Y轴平铺) no-repeat(不平铺)<5>background-image:把图像设置为背景属性:url("图片的链接地址")

二、文本属性

在文本属性中一般有这6个属性:

<1>文本的颜色

color:red,#fff,rgb(255,255,255)

<2>字符间距

letter-spacing: 20px文字中间相距20像素

<3>行间距

line-height 属性设置行间的距离(行高)。

<4>对齐文本

3种文本对齐方式:text-align: center/left/right

<5>装饰文本

text-decoration

none 默认。定义标准的文本。

underline 定义文本下的一条线。

overline 定义文本上的一条线。

line-through 定义穿过文本下的一条线。

blink 定义闪烁的文本。

inherit规定应该从父元素继承 text-decoration 属性的值。

<6>对文本进行缩进

text-indent:20px将段落的第一行缩进20像素。对于段落标签推荐使用em,例如段首缩进两个字符可以设置:text-indent:2em.

写在最后:根据背景的基础属性,我们一般可以简写成:background:url("images/banner,jpg") top center no-repeat;这样写的好处可以简化代码,提升网页的打开速度。

本文链接:https://www.weguiding.com/css/216.html