CSS_文本、背景

从背景说起, 首先想到的是桌面(我也很无奈)那就从背景图说起吧。

background-image:url('相对路径');

说道背景图不能避开重复这个问题,好像是叫平铺,记得小时候自己该桌面背景经常变成N个图片同时排列到一起。

for example


解决的办法是通过

background-image:no-repeat;
或者希望它在横向或者纵向重复


background-repeat:repeat-x or y;


起初自己测试的时候是之前HTML插入图片,当初明明用的绝对路径,但是到了这里用的却是相对路径,具体为什么我也不清楚。

然后就是颜色了,比如body的颜色,

background-color:rgba(a,b,c,d)或者十六进制颜色,再或者就是粗暴有效的颜色名称了比如原谅色green

然后就是位置问题了,通过
background-position:   ;
后面的参数可以是top /left top/center/right center balabala

还可以是x% y% 左上角是0 0右下角是100 100 如果只给了一个值另外一个默认50%。

再然后就是简写了,可以并到一行写(中间用空格分开不是;)至于顺序就是c(color)i(image)r(repeat)a(attachment)p(position)眼熟吗?

对,就是有些笔记本任务栏管理器里面的cirap.exe,也就是笔记本红外适配器的管理程序

说道a,忘记了attachment,这个也很好理解,中文是附件的意思,可能随页面滚动就变成附件了吧,2333.猜一下,可能一些网站右下角的注册界面就是这个东西。

for 两个ample


其中fixed是不滚动就像上图那样,scoll是滚动。

背景就到这吧

文本

首先是颜色,直接color就ok(当然rgb和十六进制也是没问题的,人懒,手癌)

color:red;

其次是对齐方式

text-align:
参数有left、right和justify。

还有就是修饰问题,比如word里面写一个网站链接会有下划线

text-decoration:
参数有overline、underline和line-through(从文字中穿过)

再有就是大小写问题了,不知道这个有啥用,一开始不就编辑好了吗?难道是给用户用的?

text-transform:
参数uppercase,lowercase和capitalize(首都大概就是每个单词的头吧。。。。)

再然后就是缩进了

text-indent:

后面直接跟值,for 三个ample,60px。



今天的计划可能是完不成了



新手上路,欢迎斧正。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值