CSS3常用属性

font-family:设置字体。比如 font-family:"Microsoft Yahei"。
font-weight:字体粗细,属性值:normal、bold、bolder、lighter、100~900
line-height:行间距、
text-indent:首行缩进
letter-spacing:字间距
word-spacing:单词间距
cursor鼠标样式
CSS引入格式:<link href="CSS文件的路径" type="text/CSS" rel="stylesheet" />
内边距 padding 和外边距 margin 边框 border
content 
background-sizi:
background-image	背景图片地址
background-repeat	是否平铺
background-position
display: bolck、inline-block;
text-align: center; 文字水平居中 
line-height:  文字垂直居中 
text-decoration: none; 文本装饰 
list-style: none;取消ul ol 远点
border-radius: 左上角  右上角  右下角  左下角
清楚浮动
clear:both;
overflow: hidden 
after {  content: "."; display: block; clear: both; visibility: hidden;  }
position; relative	相对定位  absolute 绝对定位 fixed 固定定位
visibility 可见性,overflow 溢出
vertical-align 垂直对齐:baseline 、 top 、 middle 、bottom
过度:
transition: 要过渡的属性  花费时间  运动曲线  何时开始;
transition: all 0.6s;   后面俩个属性可以省略
2D变形(CSS3) transform;rotateX() rotateY()rotateZ()就是沿着 X 、Y、Z立体旋转
动画(CSS3) animation
animation:动画名称 动画时间 运动曲线  何时开始  播放次数  是否反方向;
@keyframes 动画名称 {
from{ 开始位置 }  0%
to{  结束  }  100%
}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值