css
丁七岁
科学技术是第一生产力,我要掌握核心科技!
展开
-
flexboxfroggy最后一关
flexboxfroggy的地址:http://flexboxfroggy.com/ta考察的是flex布局你发现青蛙都是横着的,但是荷叶是竖着的,所以方向给他变成竖着的,然后你会发现最下面的荷叶是红色的,要反转下(主轴的方向)。青蛙是一行,但是荷叶是2列,要设置换行,前面一列的那两个荷叶是黄色的,反转。黄色荷叶在中间,主轴设置center,弄完这些黄色的青蛙还没有到达指定的位置,再设置弹性盒子布局的纵轴和网格布局的主轴在内容项之间和周围分配空间(align-content)。属性不清楚,看这个文档原创 2020-09-27 11:27:25 · 4597 阅读 · 4 评论 -
css模拟钟表
只有html5和css3,一个模拟钟表的练习。<html lang="ch"> <head> <meta charset="UTF-8"> <title>钟表测试test</title> <style type="text/css"> * { margin: 0; padding: 0;原创 2020-09-24 16:58:01 · 399 阅读 · 0 评论 -
用css编写一个简单的旋转魔方
其实这个就是对CSS3 transform 属性animation属性的一个简单的应用,在网页平面中创建6个面(div),让这6个面匀速的不停的旋转,要创造出来一个3d的感觉,在一个2维的网页平面上,你觉得应该怎么做呢?最直接的就是让它们在Z轴上有东西。下面这6张图片,是我随便找的狐妖小红娘中的图片,大小不是200px 200px的,我在图片属性上加了点东西,效果还不错。代码:<!DOCTYPE html><html lang="ch"> <head>原创 2020-09-24 15:55:40 · 2125 阅读 · 7 评论 -
去除ul前面的小点
就这一行代码,你在css中设置样式list-style-type: none;原创 2020-09-14 11:34:55 · 10754 阅读 · 0 评论 -
reset.css文件
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img,原创 2020-09-10 22:14:36 · 381 阅读 · 2 评论