HTML/CSS - 随笔分类(第3页) - huihui2014

css设置select高度（IE，FF,Chrome）[转]

摘要：大家都知道select是无法设置高度和边框颜色等等的在ie67下面，其他的都是可以的，所以有时候为了在所有的浏览器下显示都一致，就使用了 js的模拟，这个是大家经常碰到的，js不光要模拟外观还有模拟事件，有时候感觉有些麻烦，但是js模拟的最大优势就是外观可以任意设置，通用性强，就是在操作提交数据的... 阅读全文

posted @ 2014-01-03 17:09 huihui2014 阅读(1489) 评论(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 阅读(222) 评论(0) 推荐(0)

如何使iframe透明

摘要：父页面子页面阅读全文

posted @ 2013-12-17 16:57 huihui2014 阅读(201) 评论(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 阅读(255) 评论(0) 推荐(0)

用CSS正确显示人民币符号的HTML转义字符

摘要：做电子商务的难免要跟钱打交道，特别是跟人民币接触更多，但人民币符号长什么样呢，是￥还是￥？糊涂了吧^~^，要知道答案很简单，找出一张新的一百元大钞，在背面看看那个防伪的银线，上面就有。我们做网页时要正确显示这个符号可以有如下办法：CSS：在中文输入法下用shift+4输出的￥在微软雅黑（Micros... 阅读全文

posted @ 2013-09-26 15:42 huihui2014 阅读(4596) 评论(0) 推荐(0)

CSS水平居中/垂直居中的N个方法

摘要：我看最近微博流行CSS居中技术，老外码农争相写相关的文章，一篇赛一篇的长啊，我把几篇归纳总结了一下，算是笔记。孔乙己曾说："茴香豆的回字有四种写法"，万一哪天有个面试官问你："居中一共有几种写法"呢，哈哈，先备着吧~~各种方法各有利弊，大家自己权衡吧，至少在需要居中时多个思路。不建议用了。text-... 阅读全文

posted @ 2013-09-26 15:41 huihui2014 阅读(196) 评论(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 阅读(267) 评论(0) 推荐(0)

引用视频全屏播放代码

摘要：一般在博客日志里插视频，若直接贴视频播放页面地址或者其FLASH地址，出来的效果都不好，不能全屏播放，或一点全屏又跳到原视频播放页面了，结果又要重新缓冲，实在烦人。那么我们该怎么解决呢？方法很简单，只需要把下边代码中的视频flash地址替换成需要引用的优酷flash地址即可注：1.其中height=... 阅读全文

posted @ 2013-09-23 10:02 huihui2014 阅读(499) 评论(0) 推荐(0)

缩小窗口时CSS背景图出现右侧空白BUG的解决方法

摘要：

页面容器（#wrap）与页面头部（#header ）为100%宽度。而内容的容器（#page）为固定宽度960px。浏览窗口缩小而小于内容层宽度时会产生宽度理解上的差异。如下图所示窗口宽度大于内容层宽度：改变浏览器窗口的大小，小于内容层宽度，如阅读全文

posted @ 2013-09-12 16:24 huihui2014 阅读(654) 评论(0) 推荐(0)

详解CSS中:nth-child的用法

摘要：前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：Tips：还用低版本的IE浏览器的哥们请绕过！:nth-child(2)选取第几个标签，“2可以... 阅读全文

posted @ 2013-09-12 14:26 huihui2014 阅读(629) 评论(0) 推荐(0)

网站哀悼变灰代码集合兼容所有浏览器的CSS变暗代码

摘要：下面这些CSS代码可以把网站的网页变为黑白，只需将代码加到CSS文件或网页最顶端就可以实现素装。建议全国站长动起来。为遇难的同胞哀悼。如何将网站变成灰色调呢，网站变灰色方法是什么？有哪些？为了方便大家查看，特整理下出个网站变灰色/黑白色代码方法的大集合以供大家参考与使用，为了方便站点哀悼，提供下面的... 阅读全文

posted @ 2013-09-12 14:18 huihui2014 阅读(895) 评论(1) 推荐(0)

CSS常用浮出层的写法

摘要：

点此查看实例展示是的，我们即将实现的就是以上功能，是不是很生动？贴上HTML： ◆◆ ◆◆ ◆◆ ◆◆ Hi，知道吗？大前端D7主题很快就疯抢了！以上HTML构成了一个浮出层和四个方向的尖角，其实你只需要其中的一个span标签，所以真正用上的代码并阅读全文

posted @ 2013-09-12 14:11 huihui2014 阅读(172) 评论(0) 推荐(0)

五种方法让CSS实现垂直居中

摘要：

利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短阅读全文

posted @ 2013-09-12 14:03 huihui2014 阅读(252) 评论(0) 推荐(0)

网页前端开发：微博CSS3适用细节初探

摘要：

浏览器，作为一神器，帮我们打开了缤纷万千的网络世界窗口。而她发展到今天，也诞生了一个又一个的怀神版本，可能有人钟情于她的花哨，有人痴迷于她的速度……我们，作为重构工程师，必然要更关注他背后的技术革新，那就是css3的支持了！上次，阅读全文

posted @ 2013-09-12 13:23 huihui2014 阅读(575) 评论(0) 推荐(0)

CSS代码实例:用CSS代码写出的各种形状图形

摘要：

一共收集整理了图形20个，比较实用，同时也为了熟悉CSS的代码。整合了一下，有错误欢迎指出。... 阅读全文

posted @ 2013-09-12 11:47 huihui2014 阅读(368) 评论(0) 推荐(0)

10个CSS简写及优化技巧

摘要：CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：一、盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与... 阅读全文

posted @ 2013-09-12 11:39 huihui2014 阅读(298) 评论(0) 推荐(0)

2013年最受欢迎的20大网页设计趋势

摘要：

在过去的一年中，我们都看到了网页设计趋势在日益增长。或许有些朋友还记得我早些时候的一些文章关于网页设计，有兴趣的可以点击来查看，现在我们可以看到其中许多想法已经实现了，甚至有些采用了一些更高层次的新奇想法。在今天这篇文章中阅读全文

posted @ 2013-07-29 16:06 huihui2014 阅读(216) 评论(0) 推荐(0)

css如何定位网站的footer

摘要：首先我们要在外层设定一个DIV(content 无标题文档 main 你可以改变浏览器窗口的高度，来观察footer效果。文字文字文字文字文字... 阅读全文

posted @ 2012-12-17 17:26 huihui2014 阅读(331) 评论(0) 推荐(0)

div+css如何让一行内的文字两端对齐？

posted @ 2012-12-17 17:22 huihui2014 阅读(1111) 评论(0) 推荐(0)

webnote

专注于WEB前端开发

随笔分类 - HTML/CSS

公告