各种css常用单位： ``` <html> <head> <meta charset="UTF-8"> <title>单位</title> <style> body{ font-size: 30px; } p{ /*缩进2个字符*/ text-indent: 2em; /*font-v...
筛选：
分类「程序开发」 ✕ 清除
H5学习之单位
H5学习之裁剪标签、样式继承、相对字号em和rem、超链接选择器
裁剪标签： HTML： ``` <body> <section> <div></div> </section> </body> ``` CSS: ``` section{ width: 416px; height: 105px; background-color: #444; border-radiu...
H5学习之筛选器、空标签选择器、属性选择器
* 所有标签 标签名称 所有同名的标签 #id 指定此id的标签 .className 含有此className的元素 A B 后代选择器 A>B 子代选择器 :nth-child(n) 第n个标签 支持 2n+1 3n+2 ...
H5学习之内容分栏、emmet、display总结
``` 内容分栏： HTML： ``` ``` <body> <article> <h1></h1> <section></section> <section> <h2></h2> <p></p> <p></p> <p></p> </section> <section> <h3></h3> <p></...
Box垂直居中、Flex弹性布局
Box垂直居中： html： ``` <body> <section> <span>垂直水平居中</span> </section> </body> ``` css： ``` section{ display: -moz-box; display: -webkit-box; width:...
2D动画、3D动画
2D动画 html ``` <body> <section> <section> <section></section> </section> </section> </body> ``` css ``` body{ background-color: black; } body>section{ width...
一个假的App登录页面
这是个不能打账号密码的页面，一个假的登录界面 html部分代码： ``` <img src="bg.jpg" alt="背景图片"> <main> <header> <span id="goGack">返回</span> 登录 <span id...
空白与换行、CSS过渡
``` 空白与换行： ``` ``` section:nth-child(1){ /*word-break: break-all;*/ /*英文单词默认不会在单词内换行 如果英文单词过长或在页面上显示URL则会将页面撑大 该样...
CSS动画基础
@keyframes 关键帧动画 设置动画名字 以百分百来规定改变发生的时间 或者通过关键词“from”和“to”，等价于 0% 和 100% 0% 是动画的开始时间 100% 动画的结束时间 HTML部...
CSS时钟、高级动画
CSS时钟： HTML部分： ``` <body> <div id="dot"></div> <div id="second"> <span></span> </div> <div id="minute"> <span></span> </div> <div id="hour"> <span></sp...
