文字:
/*字体加粗*/
font-weight: bold;
/*字体大小*/
font-size: 28px;
/*修改字体*/
font-family: "隶书","微软雅黑";
/*字体样式:斜体*/
font-style: italic;
/*字体颜色*/
color: #FF0000;
/*透明度 0~1之间的数字,表示全透明~不透明*/
opacity: 1;
/*文本修饰:下划线、删除线、上划线等*/
text-decoration: underline;
text-decoration: line-through;
/*设置超出区域的文字如何显示:hidden隐藏 scroll滚动条显示*/
overflow: hidden;
段落排版:
/*缩进两个字的大小*/
text-indent:2em;
/*行高*/
line-height: 40px;
/*字符间距 中文字与字之间间距*/
letter-spacing: 5px;
/*英文单词之间的间距*/
word-spacing:10px;
/*div内部的文字对齐方式 居左居中居右*/
text-align: center;
颜色:
三种表示方法:
十六进制:#ffffff
颜色名称:red
RGB颜色:RGB(255,255,255)
背景:
/*背景色*/
background-color: yellow;
/*背景图:url(相对路径)*/
background-image: url(img/computer.jpg);
/*背景图的重复方式*/
background-repeat: no-repeat;
/*背景图大小: 第一个数"水平宽度" 第二个数"垂直高度"
*可以写 ***px 或者是 **%
*/
background-size: 100% 100%;
/* 背景图的偏移量:
* 图片左上角相对于父容器左上角的位置;
* 第一个数: 水平移动。正数 右移,负数 左移
* 第二个数: 垂直移动。正数 下移,负数 上移
*/
background-position: -50px 50px;