2014年2月21日
关于OOCSS架构
摘要： OOCSS是什么oocss是一个CSS框架，它的主要设计原则是：1.分离struct和skin（官方用到skin这个词，这里的skin跟内容不太一样。皮肤是用来extend基本的模块的，如果不设置皮肤，页面也可以精确地显示内容，并且内容有合理的位置和宽度和高度，但是没有特定的圆角或者颜色），这一点在后面有详细的说明2.分离容器和内容（所有的包含了一个独立块的div都可以认为是容器【或许html5里面的Article元素可以更准确地描述"容器"这个词】，容器和内容分开，确保布局不会因为内容的问题溢出或者错乱。并且可维护性也很强。）注：OOCSS其核心就是用最简单的方式编写最整 阅读全文
posted @ 2014-02-21 17:42 丫头_123139 阅读(392) 评论(0) 推荐(0) 编辑
  2013年1月23日
简单的CSS字体样式设置
摘要： <1> 字体设置： /* 单词之间间距 */ letter-spacing:3px; /* 定义以空格间隔文字的间距(就是空格本身的宽度) */ word-spacing:50px; /* 定义文本的大小写状态 capitalize首字母大写 | uppercase大写 | lowercase小写 | none | inherit */ text-transform:capitalize; /*定义首行缩进*/ text-indent:30px; white-space:pre; 中英混排： font-family:Verdana; vertical-align:baseline; 阅读全文
posted @ 2013-01-23 16:35 丫头_123139 阅读(760) 评论(0) 推荐(0) 编辑
  2012年11月4日
简单左侧菜单 jquery
摘要： <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .word .word-left{ width:188px; float:left; height:auto; } *{ padding:0px; margin:0px; fon 阅读全文
posted @ 2012-11-04 00:09 丫头_123139 阅读(1251) 评论(0) 推荐(0) 编辑
  2012年10月26日
10-26
摘要： 好长一段时间没更新过了，哎！又开始倒腾js了，老是朦朦胧胧的，从今天开始我要记录下来才行，嗯，应该都是比较基础的东西，方便自己学习。<style type="text/css"> *{ padding:0; margin:0;} .c{ width:960px; margin:30px auto 0; border:1px solid #CCCCCC; height:40px; overflow:hidden; font-size:12px;} .c ul{ list-style-type:none; margin-top:0; } .c ul li{ line 阅读全文
posted @ 2012-10-26 00:35 丫头_123139 阅读(86) 评论(0) 推荐(0) 编辑
  2012年10月24日
网页大全
摘要： HTML5 & CSS3 应用 2012五大主流浏览器 HTML5 和 CSS3 兼容性大比拼不可思议！23个纯 CSS3 打造的精美 LOGO 图案HTML5 之美：推荐9款优秀的 HTML5 音乐播放器9个很酷的基于 CSS3 和 JavaScript 实现的效果HTML5 网站大观：15个精美的 HTML5 作品集网站实例HTML5 网站大观：12个优秀 HTML5 黑色风格网站设计HTML5 地理位置定位（Geolocation）原理及应用HTML5 革命：HTML5 的过去，现在和未来【信息图表】 jQuery 插件和教程 帮助你构建自适应布局的30款优秀 jQuery 插件 阅读全文
posted @ 2012-10-24 17:35 丫头_123139 阅读(218) 评论(0) 推荐(0) 编辑
20个优秀的 Photoshop 网页制作教程
摘要： 20个优秀的 Photoshop 网页制作教程 曾经和大分享过几篇优秀的 Photoshop 网页设计教程，喜欢的人非常多。今天这篇文章继续向大家分享最新20个优秀的 Photoshop 网页制作教程。其实，网页设计并没有你想的那么难，相信看完这些教程，你也可以设计出漂亮的网页。 How To Create A Colorful Business Web Layout How to Create an Effective Coming Soon Page Photo Gallery Website Layout In Photoshop How To ... 阅读全文
posted @ 2012-10-24 17:05 丫头_123139 阅读(220) 评论(0) 推荐(0) 编辑
  2012年6月2日
一个图片垂直居中的方法
摘要： /*图片垂直居中*/.img1{display:table-cell;vertical-align:middle;width:98px;height:98px;text-align:center;*display:block;*font-size:98px;border:1px solid #e0e0e0;}.img1 a img{text-align:center;vertical-align:middle;} .img{width:98px;height:98px;border:1px solid #ccc;overflow:hidden;position:relative;displ.. 阅读全文
posted @ 2012-06-02 13:54 丫头_123139 阅读(115) 评论(0) 推荐(0) 编辑
  2012年5月26日
一个测等高的javascript
摘要： $(function() {var _leftheight = $(".infor_left").height();_rightheight = $(".infor_right").height();if(_leftheight > _rightheight ) {$(".infor_right").height(_leftheight);}else {$(".infor_left").height(_rightheight);} 阅读全文
posted @ 2012-05-26 19:54 丫头_123139 阅读(90) 评论(0) 推荐(0) 编辑
关于变量概念javascript
摘要： 变量：<script type="text/javascript">var name="left"alert(name) var namevar name="left" var nau="123"alert(123) var carname="变量" alert(carname) </script>常量:<script type="text/javascript">alert(89);alert(”常量“) </script> 阅读全文
posted @ 2012-05-26 18:48 丫头_123139 阅读(156) 评论(0) 推荐(0) 编辑
  2012年4月24日
关于IF现if html内部写法兼容问题
摘要： <!--[if IE 6]>如果误写成 <!--[if IE6]>，JS程序将出错。-------------------------------< !--[if IE 6]> ……< ![endif]-->< !--[if lte IE 6]> ……< ![endif]-->Ite：是小于或等于IE6浏览器。条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。通俗点，条件注释就是一些if判断，但这些判断不是 在脚本里执行的，而是直接在ht 阅读全文
posted @ 2012-04-24 23:49 丫头_123139 阅读(986) 评论(0) 推荐(0) 编辑
下一页