2012 年 8月随笔档案 - cbwcwy

gcc编译C++程序

摘要：单个源文件生成可执行程序下面是一个保存在文件 helloworld.cpp 中一个简单的 C++ 程序的代码：/* helloworld.cpp */#include <iostream>int main(int argc,char *argv[]){ std::cout << "hello, world" << std::endl; return(0);}程序使用定义在头文件 iostream 中的 cout，向标准输出写入一个简单的字符串。该代码可用以下命令编译为可执行文件：$ g++ helloworld.cpp编译器 g++ 通过阅读全文

posted @ 2012-08-29 12:25 cbwcwy 阅读(46138) 评论(1) 推荐(3) 编辑

css布局

摘要：1 float元素添加display:inline解决IE6双边距浮动的bug2 float父元素添加overflow:hidden，使得父元素被撑开，因为子元素是float不占用页面空间，清除浮动3 页面width:80%弹性布局，适应不同宽度的屏幕阅读全文

posted @ 2012-08-26 20:59 cbwcwy 阅读(199) 评论(0) 推荐(0) 编辑

html css jquery练习（简单漂亮的红色二级菜单）

摘要：<html><head><style type="text/css">.list{width:800px;height:40px;background-color:#D5000A;border-radius:5px;box-shadow:-2px 2px 5px black;margin:auto;text-align:left;}.nav{list-style:none;}ul.nav li{float:left;padding:5px 10px;cursor:pointer;position:relative;}ul.nav li a 阅读全文

posted @ 2012-08-26 08:21 cbwcwy 阅读(5766) 评论(0) 推荐(0) 编辑

display和visibility,div和span,relative和absolute

摘要：display和visibility,div和span,relative和absolutedisplay和visibility,div和span,relative和absolute 这三个相信很多人新人朋友没有弄明白.本文来简单介绍一下.希望对你有所帮助~一、display和visibility的区别 display:none和visibility:hidden都可以隐藏一个元素但visibility:hidden只是隐藏了元素的内容，但其使用的位置空间仍然被保留。而display:none则相当把元素从页面中去除，其占用位置也将被删除。二、div和span的区别 div是一个块级... 阅读全文

posted @ 2012-08-25 11:18 cbwcwy 阅读(333) 评论(0) 推荐(0) 编辑

Html:元素水平居中方案总结

摘要：先来看我一个简单XHTML/HTML文件代码（部分），我们的目的是让#container水平居中。<body><divid="container"><h1>content</h1><p>Loremipsumdolorsitamet,consectetueradipiscingelit.Phasellusvariuseleifend.</p></div></body> 使用自适应边界（automargin）水平居中任意元素的首选办法是使用边界（margin）性质（property 阅读全文

posted @ 2012-08-24 23:35 cbwcwy 阅读(19713) 评论(0) 推荐(1) 编辑

IE6 bug(一)

摘要：2011-12-02 10:22660人阅读评论(0)收藏举报1.IE6的[疯狂之一]IE6中奇数宽高的BUGIE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0），如图：可是在IE6下查看，却变成了right:1px的效果了：IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的查看源码：CSS代码:#out {width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/height: 300px;position: relative;background:#FF0 阅读全文

posted @ 2012-08-24 15:29 cbwcwy 阅读(221) 评论(0) 推荐(0) 编辑

常用正则表达式

摘要：说明：正则表达式通常用于两种任务：1.验证，2.搜索/替换。用于验证时，通常需要在前后分别加上^和$，以匹配整个待验证字符串；搜索/替换时是否加上此限定则根据搜索的要求而定，此外，也有可能要在前后加上\b而不是^和$。此表所列的常用正则表达式，除个别外均未在前后加上任何限定，请根据需要，自行处理。说明正则表达式网址（URL）[a-zA-z]+://[^\s]*IP地址(IP Address)((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)电子邮件(Email)\w+([-+.]\w+)*@\w+([-.]\w+) 阅读全文

posted @ 2012-08-24 10:57 cbwcwy 阅读(172) 评论(0) 推荐(0) 编辑

产品（百度七夕专题）

摘要：背景是情侣相拥看夕阳的图片，温馨感人，奠定爱情的基调，整个页面是白色、粉色、红色和蓝色字体，清新温暖，充满爱情的小温馨。空白背景处与百度听页面相似，灰白的分割，像信纸或者书页，很有质感。整个七夕专题按时间划分，18岁 25岁 35岁 50岁，右侧跳到按钮像一条手链，点一个按钮即可跳到相应的时间段。 18岁-25岁青涩爱恋分为三个部分：爱在青春年少时，点击会跳到百度经验，有很多过七夕的策略，以及恋爱技巧之类的东西，觉得这种是给18岁的孩子看的，呵呵，想想年龄段划分的不错，到了25岁以后，估计这些问题关注的就少了。百度知道相关的：关于爱情，中国人在想什么，利用百度知道的平台，剖... 阅读全文

posted @ 2012-08-23 00:44 cbwcwy 阅读(262) 评论(0) 推荐(0) 编辑

锋利的jquery 网页选项卡

摘要：1 <html> 2 <head> 3 <style type="text/css"> 4 .tab_menu{ 5 border:0px solid red; 6 height:18px; 7 width:200px; 8 } 9 ul{10 list-style:none;11 display:inline;12 }13 li{14 float:left;15 margin:0 3px;16 border:1px solid grey;17 font-size:80%;18 }19 .selected{20 background-co 阅读全文

posted @ 2012-08-22 11:06 cbwcwy 阅读(282) 评论(0) 推荐(0) 编辑

CSS符号属性

摘要：list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-st 阅读全文

posted @ 2012-08-20 00:42 cbwcwy 阅读(1834) 评论(0) 推荐(0) 编辑

CSS display:none和visibility:hidden区别

摘要：这里向大家描述一下CSS display:none和visibility:hidden的区别，visibility:hidden隐藏，但在浏览时保留位置；而CSS display:none视为不存在，且不加载！你知道CSSdisplay:none和visibility:hidden的区别吗，这里和大家分享一下，使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。CSS display:none和visibility 阅读全文

posted @ 2012-08-20 00:29 cbwcwy 阅读(710) 评论(0) 推荐(0) 编辑

网站优化要尽量减少服务器HTTP请求次数

摘要：终端用户响应的时间中，有 80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash 等。通过减少页面中的元素可以减少 HTTP 请求的次数。这是提高网页速度的要害步骤。减少页面组件的方法实在就是简化页面设计。那么有没有一种方法既能保持页面内容的丰硕性又能到达加快响应时间的目标呢？这里有几条减少 HTTP 请求次数同时又可能坚持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少 HTTP 请求的方法，如可以简略地把所有的 CSS 文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的修改，这可能会相对麻烦... 阅读全文

posted @ 2012-08-20 00:25 cbwcwy 阅读(3571) 评论(0) 推荐(0) 编辑

把所有背景图都集成在一张图片上，减少图片服务器请求次数

摘要：好象现在越来越流行这种玩法了，原来大家都是把背景切成单个小图片，要用背景的时候一个个定义，这样页面打开的时候，也会加载各个小图片，但是这种办法把所有小图片都集中在一张图中，定义背景时用坐标定位，再结合高度，宽度限制等手段，过到相同的效果，好处是:虽然下载的总K数不会有明显变化，但是图片的请求次数却明显减少了。废话不说，直接看代码吧:<styletype="text/css">.bg1{background:url(bg_v.png)no-repeat00;padding-left:20px;}.bg2{background:url(bg_v.png)no-rep 阅读全文

posted @ 2012-08-20 00:09 cbwcwy 阅读(293) 评论(0) 推荐(0) 编辑

CSS3 VS CSS2大PK

摘要：本文作者通过制作同样的页面对CSS2和CSS3进行了比较，我们来看一下谁更胜一筹。CSS3已经面世很久，目前仍处于开发完善阶段。不过网上关于CSS3的介绍、使用方法和夸奖已经传得沸沸扬扬了，建站学也有少关于CSS3的介绍。CSS3比CSS2到底是不是真的好？到底有什么优越之处呢？本文借鉴国外作者的文章（原文可以查看文章底部链接），从CSS3编写及作用原理以外的角度分析一下CSS3与CSS的差别。笔者利用自己制作的一个页面为例，分别使用CSS和CSS3?两个版本制作了相同的页面，使这两个页面效果几乎相同，然后对这两个CSS文件进行比较。制作时间首先，笔者在制作时间上进行对比，利用CSS3制作页面阅读全文

posted @ 2012-08-20 00:06 cbwcwy 阅读(748) 评论(0) 推荐(0) 编辑

js 事件绑定的方法

摘要：同时支持三种事件模型的javascript事件使得客户端的 JavaScript 有机会被激活，并得以运行。在一个 Web 页面装载之后，运行脚本的唯一方式，就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来，简单的事件被实现为 JavaScript 的一部分；但是大多数最近出现的浏览器都实现了强壮的事件模型，使脚本可以更加智能地处理事件。现在的问题在于：为了支持各种浏览器，您必须和多个先进的事件模型做斗争，准确地说，是三个。这三个事件模型分别和下面的文档对象模型（Document Object Model，即 DOM）三巨头结盟：Netscape Navigator 4 ( 阅读全文

posted @ 2012-08-15 12:39 cbwcwy 阅读(94575) 评论(1) 推荐(2) 编辑

javascript入门（4）

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut 阅读全文

posted @ 2012-08-14 17:35 cbwcwy 阅读(313) 评论(0) 推荐(0) 编辑

html css

摘要：去除chrome输入框和textarea右下角的小三角和外面黄色的虚框去除小三角：resize:none;去除黄色的框：outline:none;html em<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。尽管现在 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使阅读全文

posted @ 2012-08-13 14:23 cbwcwy 阅读(256) 评论(0) 推荐(0) 编辑

html link

摘要：link 标签-- 当在文档中声明使用外接资源(比如CSS)时使用此标签link标签是单独出现的引用网址:http://www.dreamdu.com/xhtml/tag_link/属性href-- 指定需要加载的资源(CSS文件)的地址URImedia -- 媒体类型rel-- 指定链接类型rev-- 指定链接类型title-- 指定元素名称type-- 包含内容的类型,一般使用type="text/css" 阅读全文

posted @ 2012-08-13 12:15 cbwcwy 阅读(185) 评论(0) 推荐(0) 编辑

javascript 入门 (3)getElementByName, getElementById等用法

摘要：getElementByName不存在只有getElement__S__ByName和getElementByIdbyId的时候，会根据html元素的id属性，根据规范id应当是唯一的，用来标示一个element，比如<td>,<div>......。所以返回唯一元素句柄或者null。对于表单控件<input><select><textarea>等，在不指定id的时候，name也会被视作id，比如<inputtype="text"name="abc"value="123" 阅读全文

posted @ 2012-08-08 16:01 cbwcwy 阅读(9418) 评论(0) 推荐(1) 编辑

javascript 入门 code(2)

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-08-08 15:48 cbwcwy 阅读(279) 评论(0) 推荐(0) 编辑

javascript 入门 code(1)

摘要：<html><head><style type="text/css">#select1{background-color:blue;color:red;}</style><link rel="stylesheet" type="text/css" href="test.css"> <style type="text/css"> @import url(my.css); </style> <script sr 阅读全文

posted @ 2012-08-08 14:48 cbwcwy 阅读(466) 评论(0) 推荐(2) 编辑

javascript 语法

摘要：基本语法一、脚本代码的位置，可以在三个地方编写JavaScript脚本代码：1、在网页文件的<script></script>标签对中直接编写脚本代码程序；使用最多的情况（一般放在head里面）。 <script>标签的位置并不是固定的，可以出现在<head>或者<body>中的任何地方；而且在一个文档中可以有多个<script>标签来嵌入多段JavaScript代码，每段代码可以互相访问，同将所有JS代码放在一对<script>标签中的效果是一样的。旧版本的浏览器并不能识别<script>标签阅读全文

posted @ 2012-08-08 14:23 cbwcwy 阅读(369) 评论(0) 推荐(0) 编辑

jQuery API

摘要：http://www.css88.com/jqapi-1.7/http://api.jquery.com/http://www.iteye.com/topic/150496 阅读全文

posted @ 2012-08-08 00:50 cbwcwy 阅读(162) 评论(0) 推荐(0) 编辑

dl dt dd

摘要：一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法：<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。也就是说<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt>和<dd>都必须放在<dl& 阅读全文

posted @ 2012-08-08 00:31 cbwcwy 阅读(723) 评论(0) 推荐(0) 编辑

搜索

常用链接

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论