经验_安阳站长网

CSS3 Media Queries，媒介设备查询

所属栏目：[经验] 日期：2018-10-07 热度：73

允许通过 media 属性为不同媒介设备（如屏幕、打印机）指定专用样式表，而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备，并采用不同的样式表。例如，你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
CSS3学习之圆角box-shadow,阴影border-radius

所属栏目：[经验] 日期：2018-10-07 热度：124

最近经常玩腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px)欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
有关 HTML5 的应用现状与发展前景的思考

所属栏目：[经验] 日期：2018-10-04 热度：158

现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考[详细]
模仿 Google 新搜索框的阴影效果

所属栏目：[经验] 日期：2018-10-04 热度：150

如图所示，注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去！是图片吗？不是，Google是通过3个不同颜色的边框实现的简单阴影。 (注意：Google的效果不支持IE6，但是模仿的效果支持所有浏览器。) Google是如何实现的？ Google的主要HTML代[详细]
如何隐藏滚动条?IE去掉滚动条HTML代码

所属栏目：[经验] 日期：2018-10-04 热度：183

做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。方法1：直接在body里面加上属性scroll 代码如： body scroll=no 方法2：使用样式表overflow 代码如： HTML[详细]
IE6 select z-index无效，遮挡div的解决教程

所属栏目：[经验] 日期：2018-10-04 热度：154

在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
Img,Script,Link等标签为空可导致页面多余请求

所属栏目：[经验] 日期：2018-10-04 热度：88

把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
用HTML5制作网页 - HTML5实例教程

所属栏目：[经验] 日期：2018-10-04 热度：113

根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
从语义开始 – 概念、意义、实践 [多图]

所属栏目：[经验] 日期：2018-10-04 热度：69

随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
${ hide_text } CSS文字隐藏总结报告$
{ hide_text } CSS文字隐藏总结报告

所属栏目：[经验] 日期：2018-10-04 热度：169

最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
CSS跨浏览器开发原则[图文教程]

所属栏目：[经验] 日期：2018-10-04 热度：179

在互联网设计过程中，可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是，这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求，认为跨浏览器的兼容性并不是必备的。虽然我也[详细]
ie8 css hack 颜色使用示例

所属栏目：[经验] 日期：2018-10-04 热度：66

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
CSS3 灵活的盒子模型(Flexible Box Module)–1

所属栏目：[经验] 日期：2018-09-30 热度：136

CSS3 标准里引入了一些新的盒子模型参数，在 CSS2 的基础上，我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看这个文档。通过学习和测试，我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中，我的所有[详细]
CSS入门技巧：关于CSS样式表的教程

所属栏目：[经验] 日期：2018-09-30 热度：90

本例为CSS入门系列教程，在这一课中我们将学习CSS的样式表，主要学习在学习css之前你应该掌握哪些基础知识，认识CSS以及如何使用CSS，希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读： CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
CSS入门技巧七则：语法基础教程

所属栏目：[经验] 日期：2018-09-30 热度：181

本例为CSS入门系列教程，在这一课中我们将学习CSS的语法基础，主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、样式表的层叠性以及，希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
点击超级链接后不显示虚线边框的代码

所属栏目：[经验] 日期：2018-09-30 热度：99

烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框，如果在我们不定义的时候，一般的链接在点击后会出现一个虚线边框，其实这样做也有好处，可以告诉用户你点击了哪里的链接，不过有些用户有别的用途，不想显示这种虚线框，那么有什么办法吗？其实很简[详细]
Css3 弹性盒模型介绍（附DEMO演示）

所属栏目：[经验] 日期：2018-09-30 热度：159

Css3引入了新的盒模型弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局[详细]
跨浏览器 CSS 阴影的实现方法

所属栏目：[经验] 日期：2018-09-30 热度：67

阴影是最常用的 CSS 效果之一，CSS3 标准已经增加了阴影属性，下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影，基本语法如下： box-shadow: 3px 3px 4px #000; 上面的样式里，前面两个 3px 表示阴影在 xy[详细]
WEB 网页固定大小并且居中显示的方法

所属栏目：[经验] 日期：2018-09-30 热度：198

方法一：针对无框架的页面。其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
教你如何获取网页中FLASH的链接地址

所属栏目：[经验] 日期：2018-09-30 热度：56

方法一：先看看页面上有没有全屏播放，下载之类的链接，要是有的话就方便了，点下这个链接，会弹出全屏播放的窗口，复制地址栏你的地址就是了！方法二：查看源码法！一般的网页打开后，先选择浏览器菜单里的查看－＞源文件（或在页面的空白地方点鼠标右[详细]
如何复制网页上不能选中的文字？

所属栏目：[经验] 日期：2018-09-30 热度：55

我们在上网浏览网页时，当看到自己需要或者精彩的内容时，就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动，无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
良好的DIV+CSS的命名规则有利于SEO优化

所属栏目：[经验] 日期：2018-09-30 热度：67

一、CSS文件及样式命名 1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 2、CSS样式命名规范本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
CSS3 灵活的盒子模型(Flexible Box Module)-2

所属栏目：[经验] 日期：2018-09-19 热度：135

继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
网页中动态加载 CSS 的四种不同方法

所属栏目：[经验] 日期：2018-09-19 热度：172

第一种添加方式： document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好也不能进行多个样式的添加第二种方式： document.getElementsByTagName(a)[0].style.cssText=background[详细]
参考文档：浏览器默认HTML的CSS样式属性

所属栏目：[经验] 日期：2018-09-19 热度：130

这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]

4771

176