这是个不能打账号密码的页面,一个假的登录界面 html部分代码: <img src="bg.jpg" alt="背景图片"> <main> <header> <span id="goGack">返回</span> 登录 <span id="register">注册</sp…
2D动画 html <body> <section> <section> <section></section> </section> </section> </body> css body{ background-color: black; } bod…
Box垂直居中: html: <body> <section> <span>垂直水平居中</span> </section> </body> css: section{ display: -moz-box; display: -webkit-box; width:300px; …
内容分栏: HTML: <body> <article> <h1></h1> <section></section> <section> <h2></h2> <p></p> <p></p> &l…
* 所有标签 标签名称 所有同名的标签 #id 指定此id的标签 .className 含有此className的元素 A B 后代选择器 A>B 子代…
裁剪标签: HTML: <body> <section> <div></div> </section> </body> CSS: section{ width: 416px; height: 105px; background-color: #444; border-radiu…
各种css常用单位: <html> <head> <meta charset="UTF-8"> <title>单位</title> <style> body{ font-size: 30px; } p{ /*缩进2个字符*/ text-indent: 2em; /*font-v…
标签类型: <html> <head> <meta charset="UTF-8"> <title>标签类型</title> <style> span{ color: red; /*display: none; 可以隐藏标签*/ /*visibility: hidden; 也可…
背景图片: <html> <head> <meta charset="UTF-8"> <title>背景图片</title> <style> body{ /* 流式布局 从左到右 从上到下 */ height: 100%; /*因为标签总是会尽最大努力占据最小高度 所以当bod…
边框: <html> <head> <meta charset="UTF-8"> <title>边框</title> <style> hr{ width: 300px; color: red; } section{ width: 300px; height: 300px; /*…
大家来学习下内间距和外间距。主要东西在代码注释中 代码如下: <html> <head> <meta charset="UTF-8"> <title>内间距和外间距</title> <style> *{ /* *星号表示页面上的所有元素*/ box-sizing: border…