从背景说起, 首先想到的是桌面(我也很无奈)那就从背景图说起吧。
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。
今天的计划可能是完不成了
新手上路,欢迎斧正。