随笔分类 -  HTML/CSS

上一页 1 2 3 4 下一页
title与alt的区别
摘要：html中的title属性和alt属性让人有些混淆。 以前不知道有title这个属性，第一次用到它时，就和alt产生了混淆。一位朋友告诉我说，alt是图片img标签里用的，title是超链接里用的， 当时想可能是这样的吧，后来知道这是很不严谨的，alt是图片img标签里用的没错，可是你在img标签里... 阅读全文
posted @ 2014-06-26 16:31 huihui2014 阅读(299) 评论(0) 推荐(0)
DIV+CSS中标签dl dt dd常用的用法
摘要： 本文转载自小猪《DIV+CSS中标签dl dt dd常用的用法》用来创建一个普通的列表,用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。实例一：效果:源码：用法一： 图片交给我DT 标题交给我DD 图片交给我DT 标题交 阅读全文
posted @ 2014-05-14 11:24 huihui2014 阅读(364) 评论(0) 推荐(0)
把网页发送到桌面代码
摘要：把网页发送到桌面相信很多站长都会用到，可有的站长可能不会写，今天碎碎就给大家分享下把网页发送到桌面php和asp良种语言的代码。 首先我们先做准备工作，要先上传自己网站的ioc文件，这样发送到桌面的时候才会有图标显示。 然后新建一个以shorturl命名的php文件把下面的代码放上去然后保存后传... 阅读全文
posted @ 2014-04-25 11:26 huihui2014 阅读(2227) 评论(0) 推荐(0)
css设置select高度（IE，FF,Chrome）[转]
摘要：大家都知道select是无法设置高度和边框颜色等等的在ie67下面，其他的都是可以的，所以有时候为了在所有的浏览器下显示都一致，就使用了 js的模拟，这个是大家经常碰到的，js不光要模拟外观还有模拟事件，有时候感觉有些麻烦，但是js模拟的最大优势就是外观可以任意设置，通用性强，就是 在操作提交数据的... 阅读全文
posted @ 2014-01-03 17:09 huihui2014 阅读(1485) 评论(0) 推荐(0)
CSS中不为人知Zoom属性的使用介绍(IE私有属性)
摘要：其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。 Zoom的使用方法： zoom :? normal | number normal : ... 阅读全文
posted @ 2014-01-03 17:08 huihui2014 阅读(185) 评论(0) 推荐(0)
基于栅格的网站设计
摘要： 如今，Grid-based（基于栅格的）网页设计已相当普遍，这意味着网页布局混乱的日子就要终结。尽管还无法用肉眼分辨，但我们的确是步入了有 序和结构化的时代。栅格布局整体趋于匀称，通常会使网页更加整洁美观。同时，栅格框架已经成为现代所 阅读全文
posted @ 2013-12-23 14:27 huihui2014 阅读(221) 评论(0) 推荐(0)
页面之门——登录页的设计分析
摘要：登录页是用户进入网站的入口，就像是我们进家、进公司的“门”一样。试想我们处在一个四周都是门的环境，我们会选择推开哪一扇门？这一扇门哪些地方有吸引我们推开的魅力？我们能否准确找到这扇门的把手？其 实这些问题同样适用于登录页面，对于 阅读全文
posted @ 2013-12-23 13:41 huihui2014 阅读(685) 评论(0) 推荐(0)
错误变惊喜，10个有趣的404页面设计(转)
摘要：我们在网络上浏览时，一般都是利用网址来找寻你需要的网页。而每次当你输入的网址错误、或是原本的网址更改了，就会出现「HTTP 404」找不到网页的画面。一般我们看到的画面会是类似以下的状况：看起来很眼熟对吧？有时候光是看到这个画面就 阅读全文
posted @ 2013-12-23 13:36 huihui2014 阅读(362) 评论(0) 推荐(0)
如何使iframe透明
摘要：父页面子页面 阅读全文
posted @ 2013-12-17 16:57 huihui2014 阅读(200) 评论(0) 推荐(0)
css的命名规则
摘要：本文转载自谈笑涧《css的命名规则》操作系统版本：Windows 7浏览器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev受影响的浏览器：所有浏览器.经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览... 阅读全文
posted @ 2013-12-17 16:56 huihui2014 阅读(253) 评论(0) 推荐(0)
IE9下css hack写法
摘要：ie9一出css hack也该更新，以前一直没关注，今天在内部参考群mxclion分享了IE9的css hack，拿出来也分享一下：1 select {2 background-color:red\0; /* ie 8/9*/3 background-color:blue\9\0;... 阅读全文
posted @ 2013-12-17 16:55 huihui2014 阅读(366) 评论(0) 推荐(0)
用CSS正确显示人民币符号的HTML转义字符
摘要：做电子商务的难免要跟钱打交道，特别是跟人民币接触更多，但人民币符号长什么样呢，是￥还是￥？糊涂了吧^~^，要知道答案很简单，找出一张新的一百元大钞，在背面看看那个防伪的银线，上面就有。我们做网页时要正确显示这个符号可以有如下办法：CSS：在中文输入法下用shift+4输出的￥在微软雅黑（Micros... 阅读全文
posted @ 2013-09-26 15:42 huihui2014 阅读(4591) 评论(0) 推荐(0)
CSS水平居中/垂直居中的N个方法
摘要：我看最近微博流行CSS居中技术，老外码农争相写相关的文章，一篇赛一篇的长啊，我把几篇归纳总结了一下，算是笔记。孔乙己曾说："茴香豆的回字有四种写法"，万一哪天有个面试官问你："居中一共有几种写法"呢，哈哈，先备着吧~~各种方法各有利弊，大家自己权衡吧，至少在需要居中时多个思路。不建议用了。text-... 阅读全文
posted @ 2013-09-26 15:41 huihui2014 阅读(194) 评论(0) 推荐(0)
有利于SEO的DIV+CSS的命名规则
摘要：搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMe... 阅读全文
posted @ 2013-09-25 12:05 huihui2014 阅读(265) 评论(0) 推荐(0)
引用视频全屏播放代码
摘要：一般在博客日志里插视频，若直接贴视频播放页面地址或者其FLASH地址，出来的效果都不好，不能全屏播放，或一点全屏又跳到原视频播放页面了，结果又要重新缓冲，实在烦人。那么我们该怎么解决呢？方法很简单，只需要把下边代码中的视频flash地址替换成需要引用的优酷flash地址即可注：1.其中height=... 阅读全文
posted @ 2013-09-23 10:02 huihui2014 阅读(498) 评论(0) 推荐(0)
缩小窗口时CSS背景图出现右侧空白BUG的解决方法
摘要： 页面容器（#wrap）与页面头部（#header ）为100%宽度。而内容的容器（#page）为固定宽度960px。浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异。如下图所示窗口宽度大于内容层宽度：改变浏览器窗口的大小，小于内容层宽度，如 阅读全文
posted @ 2013-09-12 16:24 huihui2014 阅读(650) 评论(0) 推荐(0)
创意十足的web布局及交互设计
摘要：富有灵感和创意的设计与一般设计的区别在于，它不那么容易被想到和实现，一旦它被实现，一个非常有趣并且迷人的网站就诞生了。网站几乎每天都能见到，但是不是每一个网站你都会说“真希望我也能想到过！”设计者们正在做的是一项伟大的工作，那 阅读全文
posted @ 2013-09-12 16:09 huihui2014 阅读(345) 评论(0) 推荐(0)
详解CSS中:nth-child的用法
摘要：前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：Tips：还用低版本的IE浏览器的哥们请绕过！:nth-child(2)选取第几个标签，“2可以... 阅读全文
posted @ 2013-09-12 14:26 huihui2014 阅读(627) 评论(0) 推荐(0)
网站哀悼变灰代码集合 兼容所有浏览器的CSS变暗代码
摘要：下面这些CSS代码可以把网站的网页变为黑白，只需将代码加到CSS文件或网页最顶端就可以实现素装。建议全国站长动起来。为遇难的同胞哀悼。如何将网站变成灰色调呢，网站变灰色方法是什么？有哪些？为了方便大家查看，特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用，为了方便站点哀悼，提供下面的... 阅读全文
posted @ 2013-09-12 14:18 huihui2014 阅读(893) 评论(1) 推荐(0)
简单CSS3实现炫酷读者墙
摘要：如题，给大家介绍和讲解几个常用的CSS3属性，并用到实处。先看demo（请使用Chrome或者Firefox浏览，IE的靠边）：点此查看实例觉得爽的可以继续阅读下面的知识点，感觉不爽的可绕行。使用基础的Html和CSS写出雏形需要一提的是头像（img）的排版。给外面a标签padding-left:;... 阅读全文
posted @ 2013-09-12 14:15 huihui2014 阅读(287) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页