ouqi_qiou-CSDN博客

原创 CSS权重

权重的级别根据选择器被划分为四类：行类样式（+1000）Id（+100）类与属性（+10）元素（+1）；（通配符的权重为0）*CSS选择器分类：基本选择器：通配符（*）、元素（E）、类（.className）、id（#ID）、后代~（E F）、子元素~（E > F）、相邻兄弟元素~（E + F）、通用兄弟~（E ~ F）、群组~（selector1,selector2,...

2019-03-24 10:36:41 179

浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。假如某个div元素A是浮动的，如果A元素上一个元素也是浮动的，那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素，那么A元素会被挤到下一行)；如果A元素上一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部总是和上一个元素的底部对齐。清除浮动：clear：none | le...

2019-03-23 09:04:16 208

转载盒模型

CSS盒子模型内容（CONTENT）就是盒子里装的东西;填充(PADDING)就是怕盒子里装的东西（贵重的）损坏而添加的泡沫或者其它抗震的辅料;边框(BORDER)就是盒子本身了;边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起，要留一定空隙保持通风，同时也为了方便取出。在怪异模式和标准模式下，浏览器的排版不一样：怪异模式：height、width = content ...

2019-03-21 09:21:52 140

原创元素分类

块级元素：div，p，from，ul，li，ol，dl，address，fieldset，hr，menu，table行内元素：span，strong，em，br，img，input，label，select，textarea，cite块级元素与内嵌元素的区别：1、块级元素默认独占一行。垂直方向排列内联元素默认会再一条直线上，是在同一行的。水平方向排列2、块级元素默认宽度为父元素的100%...

2019-03-20 10:33:56 171

原创 js写评价的星星

刚开始接触写星星评价时，哇！估计脑子刚被驴踢了，竟然想到了最笨的办法-手工画五角星。妈呀！ css样式都写了好大一串，还沾沾自喜终于画出来了，然后瞅一瞅旁边的妹子写得怎么样了，哇！人家机智的！直接用符号★就解决了！！！唉，智商捉急呀！先上图看看吧：虽然简单，还是有几个注意的地方： 1. 未点击时的hover效果，星星会随鼠标移动亮起来喔。 2. 点击后关闭hover效果。 3. 点

2017-08-20 14:38:56 3970 2

转载深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点

预解析：var散布的问题(Hoisting: A Problem with Scattered vars)JavaScript中，你可以在函数的任何位置声明多个var语句，并且它们就好像是在函数顶部声明一样发挥作用，这种行为称为 hoisting（悬置/置顶解析/预解析）。当你使用了一个变量，然后不久在函数中又重新声明的话，就可能产生逻辑错误。对于JavaScript，只要你的变量是在同一个作用域

2017-07-29 15:48:59 196

转载百度地图API详解之地图坐标系统

我们都知道地球是圆的，电脑显示器是平的，要想让位于球面的形状显示在平面的显示器上就必然需要一个转换过程，这个过程就叫做投影（Projection）。在地球上我们通过经纬度来描述某个位置，而经过投影之后的地图也有自己的坐标系统，本篇文章就来详细介绍在百度地图API中涉及的各种坐标体系。在百度地图API中，你需要了解如下坐标系：经纬度：通过经度（longitude）和纬度（latitude）描述的地球上

2017-07-28 12:49:59 255

原创页面可刷新的倒计时

写了一个5分钟倒计时的代码，有的时候代码需要刷新，然后倒计时又从4：59开始了，我想到的一个解决办法，就是使用缓存，将开始倒计时的时间加上要倒计时的5分钟设为缓存，然后直接用这个缓存时间减去当前时间，就可以一直倒计时了，不管你在倒计时过程中操作了什么，时间总在变吧，哈哈，原理就是这样嘀。<!doctype html><html> <head> <meta charset="u

2017-07-15 11:22:07 726

原创关于复制文字按钮

关于复制文字按钮图片展示：注意css中的样式，有些页面复制不成功就是没有添加那一句造成的。代码块<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style type="text/css"> *

2017-07-10 20:21:55 1855 1

原创用js写的简单计时器

小白一枚如有代码不规范或者写错的地方希望得大神指导代码： //计时 var time = 0; var a = setInterval(jishi, 1000); //1000毫秒 var isCanCancerOrder = false; function jishi(

2017-07-03 21:49:01 456

原创 html侧滑页面

before：after：代码： .cover { background-color: #0062CC; height: 100%; width: 100%; display: none; opacity: 0; position: absolute; } .m

2017-07-03 21:43:26 598

原创关于半透明遮罩层弹框

点击按钮出现半透明遮罩层弹框说说自己之前发过的愁吧 1、遮罩层半透明了弹框也跟着半透明了就像这样绝望吧是哪里错了呢？你的css是这样写的吧：应该这样：需要注意的是这几个参数的意思：RGB Red Green Bule 3色!及212, 0, 0 三色的值混合 .最后一个参数 0.5 是指的透明度 1表示不透明2、半遮罩层里面的内容可以上

2017-06-30 20:06:08 804

原创 html5 对话列表样式

样式：html：css：代码： ul{ list-style: none; background-color: #FFFFFF; padding: 0px 2.7% 0px 2.7%; }

2017-06-29 16:44:33 1519

原创 HTML5 table标签使用

突然发现，HTML5竟然不支持table的cellspacing和cellpadding属性了，html5想要使用table标签，可以这样使用：html: 1，11，2 2，12，2 3,1 3，13，1 4,1

2017-06-29 15:00:29 1361

ouqi_qiou的博客