关闭

坚持#第25天~aditplus更熟悉了

70人阅读 评论(0) 收藏 举报

2016-8-30

margin:0 auto;//上下距离为0,左右居中
margin:50px;//四个方向
margin:30px 50px 30px;//上,左右,下
margin:30px 50px 40px 30px;//上,右,下,左(顺时针)

在div盒子里面放一对marquee可以让文字动起来,弹的效果:<marquee behavior=alternate>
关键帧 拍电影:(化妆里面)@keyframes Color{0%{color:}50%{color:}100%{color:}}还要上映:属性里面写animation:Color(电影名) 3s(播放时间) linear infinite;(怎么播放匀速播放)

给body添加背景:(化妆里面)body{background:url("images/1.jpg");background-size:cover;(填充满)}
给盒子里面的盒子化妆要把老大带上,如:.box .pic{}必须要用空格隔开,要写宽度高度

<ul><li>  </li></ul>有黑点,如何取消:化妆去黑痣:.box .pic ul{list-style:none;(列表样式)}
<ul><li><img src="images/h1.png"/></li></ul>(img / 光棍自带反斜杠标签,直接在标签里面写)

知道了如何在PS裁剪图片为心形:画矩形的工具选自定义形状-心形-选择路径,画完心后选画矩形的工具选矩形后右键-建立选区。
知道了一个超级叼的:PS中Ctrl+t可以调整图形拉伸程度。


将图片全部定位到pic这个盒子里去:.box .pic{position:relative;}(相对定位和绝对定位,相对谁,绝对谁)
把谁定位呢:.box .pic ul li{position:absolute;top:0;left:0;}

2d旋转:li标签化妆:transform:rotateY(0deg);
3d旋转电影:先得支持3d属性:(在pic里面写):.box .pic{transform-style:(添加3d属性)preserve-3d;},然后找个合适的位置来看它:在box里面写:.box{perspective:800px;}可以在img里直接写style<li><img src="images/h1.png" style="transform:rotateY(0deg);"/></li>但这不好办,所以要用到JS,在盒子下面写<script type="text/javascript" src=""></script>//引用官方JQ类库(内裤)要去百度下载:jquery-1.11.1.min.js,下载完放在JS中(名字要改好),然后再引用类库下面写JS:可以用<script>alert($);</script>检验一下,
8-29看到了1:42:39

明天继续

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:17567次
    • 积分:2582
    • 等级:
    • 排名:第15630名
    • 原创:245篇
    • 转载:0篇
    • 译文:0篇
    • 评论:13条
    最新评论