less是写框架css样式的好东西，可以快速清晰的写出框架的样式！注意看代码中的注释 浏览器端解析less文件需要一个 less.js 文件，需要在less文件后面加载，less.js 文件需要去less官网下载：http://lesscss.org HTML部分： <!doctype html> <html> <he…
根据 西狂部落阁 的文章提供的代码修改下样式，将代码放置在底部模板中或者你需要的地方(footer、sidebar 等等)，我这里的模板是 index.php 中。修改好其中自定义的网站建成时间和相关文字，就可以直接运行了。当然你可以修改 sitetime 的 CSS ,让它更有效果。 注意代码中的 “” ‘’ 引号，复制后要确保是英文状态下的，否…
还没看完，不过看了一半了，感觉还不错，借机转下懿古今发的这篇文章： 昨晚终于把《外科风云》看完，老实说当初是冲着靳东去的，不过从头看到尾之后，给我的感觉就是一般，女主白百合饰演的女主角陆晨曦感觉还不如女二号杨羽呢。整体评价就是有空的时候不妨一看，毕竟它可以让我们对医院、医生、护士的了解更深入一些，医院的潜规则，特别是药物药品、医疗器械等方面的内幕还…
viewport：视口，视觉窗口，显示区域。 概念网上有很多了，一般来说常用的就是这一段代码： <meta name="viewport" content= "initial-scale=1,maximum-scale=1,user-scalable=no"> 最好也加上这句： <meta http-equiv="X-UA-Com…
表单： HTML部分： <body> <form action="#"> <!--action url规定当提交表单时向何处发送数据--> <label for="account">账号:</label> <!--点击label可以使与其关联（通过id）的文本获得焦点--> &…
CSS时钟： HTML部分： <body> <div id="dot"></div> <div id="second"> <span></span> </div> <div id="minute"> <span></span> &…
@keyframes 关键帧动画 设置动画名字 以百分百来规定改变发生的时间 或者通过关键词“from”和“to”，等价于 0% 和 100% 0% 是动画的开始时间 100% 动画的结束时间 HTML部分： <section></section> <div></div> css部分： body{ m…
空白与换行： section:nth-child(1){ /*word-break: break-all;*/ /*英文单词默认不会在单词内换行 如果英文单词过长或在页面上显示URL则会将页面撑大 该样式是英文单词暴力换行 换行后可能造成误解*/ word-wrap: break-word; text-align: justify; /*两端对齐 …
这是个不能打账号密码的页面，一个假的登录界面 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; …