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

来源:互联网 发布:国家去库存政策 知乎 编辑:程序博客网 时间:2024/04/28 03:43

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
原创粉丝点击