• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






起个好名字

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

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)