夏目友人喵

2016年8月10日

摘要： CSS的引入方式最常用的有三种，第一：在head部分加入<link rel="stylesheet" type="text/css" href="index.css"/>,引入外部的CSS文件。第二：在head部分加入 <style type="text/css"> div{margin: 0; 阅读全文

posted @ 2016-08-10 17:42 夏目友人喵阅读(212) 评论(0) 推荐(0) 编辑

id名和class名有什么区别

摘要：从概念上来说: id是先找到结构/内容，再给它定义样式； class是先定义好一种样式，再套给多个结构/内容。从样式效果上来说: id的优先级要比class高出一个层次 html中不管有几个id, 在css获取到的就是所有的但是在js中通过document获取到的是第一个阅读全文

posted @ 2016-08-10 17:24 夏目友人喵阅读(168) 评论(0) 推荐(0) 编辑

前端移动端页面开发（布局篇）【转】

摘要：前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以，今天停下了手中的一些东西，来谈下移动端的布局方案吧内容有些长，这也是我第一次写博客，不阅读全文

posted @ 2016-08-10 16:36 夏目友人喵阅读(889) 评论(0) 推荐(0) 编辑

2016年8月8日

display:table- cell属性的练习

摘要： display:table- cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的，但是IE6/7只能对你说 sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用。我们都知道，单元格有一些比较特别阅读全文

posted @ 2016-08-08 22:23 夏目友人喵阅读(1114) 评论(0) 推荐(1) 编辑

2016年8月5日

less样式表

摘要： LESS是一种由Alexis Sellier设计的动态层叠样式表语言。受Sass所影响，同时也影响了Sass的新语法：SCSS。[2] LESS是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，LESS可以在客户端上运行（阅读全文

posted @ 2016-08-05 15:26 夏目友人喵阅读(331) 评论(0) 推荐(0) 编辑

2016年8月4日

A.indexOf(array[i])表达的含义

摘要： userAgentInfo.indexOf(Agents[v])： //A.indexOf(array[i]):A元素是否存在于数组array里面；如果存在就会返回对应的下标，如果不存在则返回-1. function IsPC(){ var userAgentInfo = navigator.use 阅读全文

posted @ 2016-08-04 21:09 夏目友人喵阅读(580) 评论(0) 推荐(0) 编辑

2016年8月1日

去除下拉框的默认样式

摘要： select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appeara 阅读全文

posted @ 2016-08-01 22:00 夏目友人喵阅读(2840) 评论(0) 推荐(0) 编辑

2016年7月30日

适应设备类型的代码封装练习

摘要： function IsPC(){ var userAgentInfo = navigator.userAgent;//使用navigator.userAgent来判断浏览器类型。 var Agents = new Array("Android", "iPhone", "SymbianOS", "Wi 阅读全文

posted @ 2016-07-30 10:34 夏目友人喵阅读(145) 评论(0) 推荐(0) 编辑

关于图片预加载的练习

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1 阅读全文

posted @ 2016-07-30 10:28 夏目友人喵阅读(137) 评论(0) 推荐(0) 编辑

2016年7月29日

简单的三级联动练习

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} </style> </head> <body> <div id= 阅读全文

posted @ 2016-07-29 19:59 夏目友人喵阅读(387) 评论(0) 推荐(0) 编辑

公告