CSS常用样式

文字:

/*字体加粗*/
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;
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值