2016 年 6月 20 日随笔档案 - 起个好名字

伪类before和after

摘要：有时候，我们需要大量的重复代码去实现一个非常简单的功能，这不仅浪费时间，而且效率低下，例如： <div class="aa">你好</div> <div class="aa">我好</div> <div class="aa">大家好</div> <div class="aa">前面和后面</div> 阅读全文

posted @ 2016-06-20 20:56 起个好名字阅读(297) 评论(0) 推荐(0)

简单时钟——css3

摘要：这里我们使用css3的特性制作一个简易的时钟，代码如下： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .clock{ position: relative; background: url(. 阅读全文

posted @ 2016-06-20 20:45 起个好名字阅读(183) 评论(0) 推荐(0)

动画——animation（2）

摘要：日常中，我们使用的动画来源有两个方面—— 第一个，自己去定义。通过@keyframes去定义即可，格式如下： @keyframe animatename{ 0%{ //这里面写初始的对象的css样式 } 100%｛ //这里写结束时候的css样式｝ } 起始与结束之间可以写无数个中间css样式，阅读全文

posted @ 2016-06-20 20:42 起个好名字阅读(187) 评论(0) 推荐(0)

一些需要注意的东西——新手向

摘要： 1.类其实是可以叠加的 <div class="a b"></div> 通过以上方式就可以将类叠加，如果ab两个类有重复的部分，后写的会覆盖前面的，其他写法貌似是不行的。 2. var _name = "background"; _div.style[_name] = _value; //_name 阅读全文

posted @ 2016-06-20 20:29 起个好名字阅读(112) 评论(0) 推荐(0)

动画——animation部分

摘要：动画部分是HTML5的新增部分，其特性是可以不借助js代码就可以单单凭借着css部分完成部分动态效果。其效果华丽，强大，炫酷无比，只要你想得到的动态效果都可以通过css3来完成。 <style> .lizhi{ background: red; width: 200px; height: 200px 阅读全文

posted @ 2016-06-20 20:25 起个好名字阅读(262) 评论(0) 推荐(0)

为什么总是要求使用position的时候父类是relative

摘要：当我们使用position的时候，一般来说外面的框架是使用relative，里面的元素使用absolute的，这里有两个注意点： 1.如果我们不给父类一个position属性的时候，那么子元素就会以body为参照物，于是东西就自动【跑掉了】，所以父类的position是必不可少的。 2. 如果父类使阅读全文

posted @ 2016-06-20 18:04 起个好名字阅读(486) 评论(0) 推荐(0)

HTML一些小细节

摘要：这里主要是记录一些看起来不重要，但是其实作用不小或者使用起来某种情况下好用的东西，又或者是重要的但容易忽略的基础知识 1. HTML5之后的第一个标签是<!DOCTYPE html> 这个面试题中间经常遇到 2. HTML5更新的《input》属性—— 2.1Range——滑块控件完整代码：<in 阅读全文

posted @ 2016-06-20 13:56 起个好名字阅读(165) 评论(0) 推荐(0)

HTML的学习

摘要：我的博客里主要讲的都是HTML中的各种东西，有的是某些简单的概念，有些是一些小技巧，也有不容易注意的细节等等东西阅读全文

posted @ 2016-06-20 13:29 起个好名字阅读(103) 评论(0) 推荐(0)

2016年6月20日