第四天课程总结

来源:互联网 发布:js两个字符串比较 编辑:程序博客网 时间:2024/05/21 18:38

今天主要讲了css中颜色的用法,如何在页面中设置背景和文本样式的编辑方法:

颜色的用法:color:red(直接使用颜色);  或color:rgb(数值,数值,数值);  或color:rgba(数值,数值,数值,数值);

a代表透明度,在0.1到1之间,数值越高,透明度越低,颜色越深;

在页面中设置背景:body{background-color:颜色};或插入图片等资源做背景body{background-image:url(图片地址);};

图片背景属性整理:

background-repeat 背景平铺重复设置;

background-attachment 背景图像是否固定;

background-position 背景图像的位置,输入两个值,代表图像在x和y轴的位置,可用   数值%    数值px   center;%是选取图像的多少;

background-size 图像大小设置,一般在后面写cover覆盖网页;

文本样式的编辑方法:

文本的对齐方法

text-align:justify; 每一行被展开为宽度相等,左,右外边距是对齐,两端对齐;

left 文本靠左对齐;

right 文本靠对齐

center 文本居中对齐;

inherit 从父元素继承对齐样式;

文本的修饰

text-decoration;属性一般用于删除链接的下划线;

none标准文本,无下划线;

underline 下划线在文本下;’

overline 下划线在文本上;

line-through 下划线在文本中间划过;

blink定义闪烁文本;

inherit从父元素继承下划线样式;

文本的缩进

text-indent属性控制首行文本的缩进;

text-indent:2em缩进2个字符;
文本的间距

letter-spacing控制字符间距

word-spacing控制字间距

line-height控制行间距



原创粉丝点击