网页制作 第19页
桃源资源网 Design By www.nqtax.com
清除浮动clear:both的应用详解
在CSS中我们会经常要用到“清除浮动”Clear，比较典型的就是clear:both;CSS手册上是这样说明的：该属性的值指出了不允许有浮动对象的边。这个属性是用来
针对class、id所做的CSS HACK
这是一篇关于CSSHACK的文章，这篇文章中提到的CSSHACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSSHACK。.test
Web前端开发的Firefox插件
一、WebDeveloperWebDeveloper可说是网页设计师最常使用的一个Firefox扩充套件，它可以协助我们在设计网页时能够更加的得心易手，内建HTML、CSS、Feed…等检
解决网站防挂IFRAME木马的原理
相信大多数朋友都是iframe木马的受害者，有朋友的网站被注入了n回iframe，心情可想而知。而且现在ARP攻击，注入iframe也是轻而易举的事，仅局域网里都时刻面临威胁，哎
Web标准:关于web标准的一些初学的知识
Web标准使您能通过最少的工作，生成可被最广大受众访问的Web站点。Web标准的承诺是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作
优化CSS在网页中的加载方式
1、应该将CSS放置于结构的上方（一般放置于head元素内）。CSS是解释型语言，Firefox和IE在等待CSS传输完成之前不会渲染任何东西。只有将CSS前置，才可在浏览器解析结
IE8、IE7、IE6、FF简单的CSS HACK测试
简单试用了一下IE8后，今天相对有时间点，对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSSHACK测试。样式代码：p{color:#f00;}xhtml代码：文字主要是测试“
IE8.0Beta比较不错的功能:WebSlices
这两天M$出了个IE8beta1版~害得我的GoogleReader里全是IE8的信息，可惜有用的信息太少了，在翻M$的网站时，倒是发现了一个比较帅的功能：“WebSlices”。简
line-height使文本居中的3像素bug问题
虽然题目这么写，可是这真是bug吗？我觉得不算。line-height使文本居中的3像素bug，先查下这3px的底细，怎么查？观察FW先写个height、line-height都为30px，背景为红色
CSS高级技巧:网页布局
上一篇CSS教程文章：CSS高级技巧:文字环绕图片布局CSS至关重要的作用,CSS的设计初衷.CSS布局和几年前table横行时的布局又不太一样,在结构化语义化的HTML文档后面,
CSS高级技巧:文字环绕图片
上一篇CSS教程文章：CSS高级技巧:滑动门文字环绕图片(SandBags)在印刷业中,常用的文字图片混搭的排版法被延伸到了Web视觉设计中,如何来完成呢?这里说的并不是简单
CSS高级技巧:滑动门技术
上一篇CSS教程文章：CSS高级技巧:图片替换滑动门(SlidingDoors)还是决定把滑动门单独提作一种单独的技术.它是CSS引入的一项用来创造漂亮且实用的界面的新技术,它使
CSS高级技巧:图片替换
上一篇CSS教程文章：CSS高级技巧:CSSSprites图像替换技术有相当的用处,特别是注重视觉的设计,而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器).本节
CSS高级技巧:CSS Sprites
上一篇CSS教程文章：CSS高级技巧:圆角矩形CSSSprites,利用CSSbackground-position进行背景绝对定位,减少HTTP请求,加速网页显示,解决图片载入闪动问题的技巧.CSSSp
CSS实例:三列等高布局
三列等高CSS布局的一个实例，修改国外的一个demo，兼容到了IE5.5和标准的浏览器OperaFirefoxSafari。不过hack太多，不是很喜欢这样做。全部代码如下：<!DOCTYPEhtmlP
Web标准前途是否依赖浏览器技术
原文：http://www.alistapart.com/articles/fromswitchestotargets作者：EricMeyer当我读了一遍AaronGustafson的BeyondDOCTYPE:WebStandards,ForwardCompatibility
Web标准：文档类型和网页浏览器
原文：http://www.alistapart.com/articles/beyonddoctype作者：AaronGustafson译者：zhaozyin3user.com转载请注明作者和译者信息,谢谢!进步总是要有代价的.对网页浏
CSS:何制作一个向各个方向延展box?
http://www.webdesignerwall.com/tutorials/css-the-all-expandable-box/在HTML中,如果过你没有指定一个确定的宽度的话,块级元素本身就会在垂直方向上延展.想象一
CSS教程:闭合CSS浮动元素的几种方法
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动
细说CSS3中的选择符
英文原文：http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/中文翻译：http://www.dudo.org/article.asp?id=197注：本文写于2006年1月，当
CSS盒模型制定网页的宽度和高度的原理
当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。#test{margin
以HTML为基础学习DIV CSS
点击这里浏览本站网页设计教程栏目内容在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在
背投广告设计：用最少的时间来做最效率的事情
对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即onload时
CSS3教程：background-clip和background-origin
原文：http://www.planabc.net/2008/04/14/background-clip_background-origin/background-clip和background-origin是CSS3中新加的backgroundmodule属性，用来确定
css中用javascript判断浏览器版本
看如下的javascript脚本：if(window.XMLHttpRequest){//Mozilla,Safari,...IE7alert('Mozilla,Safari,...IE7');if(!window.ActiveXObject){//Mozilla,Safari,
css教程:经常保持CSS的整洁度和有序性
点击这里浏览本站 CSS 频道内容。经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。重置样式(resetstyles)排版样式(typographystyl
css教程:选择合适的、有意义的元素描述内容
点击这里查看本站的 css 频道的内容您应该明白为什么我会说到这个，选择合适的、有意义的元素去描述你的内容，确保您所选择的是富有语义的类class和id特征值。做
css教程:CSS文件应该保持整洁和统一
点击这里浏览本站 CSS 频道内容。一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不
DIV CSS常用的网页布局代码
单行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;}#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下
CSS控制表格文字样式的研究
即使在DIV满天飞的今天，Table在网页的布局中还是少不了的，因为当需要输出数据时，Table布局远远比DIV布局有优势，而且同样的我们可以通过CSS来控制表格样式。要知道
serif和sans serif：西方国家的字母体系
在西方国家的字母体系,分成两大字族：serif及sansserif。其中typewriter打字机字体,虽然也是sansserif,但由于他是等距字,所以另独立出一个Typewriter字族出来。se
基于XTHML标准的DIVCSS布局对SEO的影响
SEO是指搜索引擎优化，主要就是通过对网站的结构、标签、排版等各方面的优化，使搜索引擎更容易抓取网站的内容，并且让网站的各个网页在等搜索引擎中获得较高的评分
YUI 中的 Grids CSS值得关注和学习的
YUI中的GridsCSS主要有三个部分值得大家关注和学习：1、布局的思想：使用“负margin（NegativeMargins）”技术详细可参阅：《CreatingLiquidLayoutswithNeg
网站变黑白色CSS一行代码实现
以下为全站CSS代码.复制代码代码如下:html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}使用方法:这段代码可以变网页为黑白,将代码加到
CSS代码是否合理？是否优化？
发现很多朋友对CSS的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断CSS的优先权，更应反思自己的CSS代码，是否合理？是否优化？CSS2.1中规
网页制作人员在设计网页时注意的细节
1、将css与javascript全部用下边的方法分离到外部文件中去。<linkrel="stylesheet"type="text/css"href="https://www.jb51.net/css/style.css"mce_href="https:/
提高CSS文件可维护性的五种方法
参考：Smashingmagzine翻译整理：Demix当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维
css教程：网页中Span和Div的区别
HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的
关于CSS控制DIV水平居中问题
关于CSS控制DIV水平居中问题，我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书，那个里面谈到居中使用。margin-left:auto;margin-right:auto;其实等同于
CSS:相同元素不同结构重复定义的问题
CSS选择器是构建CSS的基础.在为大型,复杂嵌套的(x)HTML文档进行样式定义时,很有可能会遇上针对相同元素在不同结构下的重复定义的问题,这个问题也是前端开发人员相
CSS样式表教程:screen媒体类型的作用
CSS@media规则非常适合于将HTML或XML文档定位为目标输出方法。目前，print媒体的使用非常普遍，与实现单独的“可打印版本”相比，print提供了更加整洁的方
CSS教程：简单理解em
px比em更加容易使用,em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合:1em=16px，所以10px=0.625em。为了简化font-size的换算，需要在css中
CSS教程:导致一些问题的overflow
overflow有问题吗？没问题。那为什么说要慎用呢？因为有时会导致一些问题。。。关于overflow:auto的，很多人贪他书写方便，直接用来清除浮动。但是Firefox使用overfl
CSS高级技巧:阴影效果
上一篇CSS教程文章：CSS高级技巧:网页布局CSS阴影效果(DropShadows)一点阴影可以给平板的设计增加纵深的感觉,很多时候我们都是直接用PhotoShop直接制作带阴影的图
CSS样式表教程：浏览器默认样式
不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写*{padding:0;marging:0}；不过现在说的可不只是这些。基本上，不同内核的两个浏览器
CSS教程：总结清除浮动的方法
作者：Dudo原文连接：http://www.dudo.org/article.asp?id=239很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元
网页设计中典型的header代码结构
页面中header部分一般位于最上端（有时根据需要也会位于某一侧，不管它在页面中的位置如何，在XHTML代码中它总是优于其它元素先加载），内容主要包括网站名称（Logo，次
CSS设计网页边框的几个实例
掌握CSS网页布局技术，网页边框效果的定义是基础内容，其中也涉及到CSS盒模型知识以及CSS属性简写知识。相关文章阅读：CSS设计网页时的一些常用规范实例一：CSS：p{pa
CSS教程：汇总CSS初学者的几个技巧
这几则CSS技巧都是从网络收集来的，作为老手就当作温故而知新，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧
CSS设计网页时的一些常用规范
CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：he
CSS网页布局：div水平居中的各种方法
在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经
CSS Div网页布局中的结构与表现
在Web标准中一个很重要的概念就是强调页面的结构与表现分离。说的通俗一点就是XHTML中应该没有样式化的东西，而且Web在浏览器中除内容外都应该由CSS表现，这包括布
acronym标记和abbr标记的不同之处
acronym从字义上理解，是取首字母的缩写词，abbr是缩写，在应用过程中，两个标签看起来差不多，但个人觉得还是有区别的。看下面的例子：InternetExplorerInternetExplo
CSS编写的网页打开流畅相关知识与注意点
我们都熟知JavaScript可能会对Web页面的加载与显示产生较大的影响，因此我们常常关注JavaScript是不是会占用客户端较多的资源，然而大部分都会忽略的一件有趣的事情
你知道CSS中长度单位pt、px、dpi的意思吗？
在印刷排版中“point”是一个绝对的单位，它等于1/72英寸。可以用尺子丈量的，物理的英寸。但在CSS中pt的含义却非如此，例如我们指定一个字体是9pt，浏览器
dl、dt、dd 标记来改造163邮箱的广告条
打开网易邮箱的登录界面，我们会发现，在首页的底部有这样一个“最新动态”的广告条，其设计代码如下：HTML代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0T
CSS教程：网页图片垂直居中的使用技巧
在曾经的淘宝UED招聘中有这样一道题目：“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意
英文教程：鼠标悬停（hover）效果
前面一个CSS教程介绍了在网页中利用CSS建立立体表格效果，今天给大家来一篇很不错的鼠标悬停效果，也是用CSS实现的。这是一个很棒的鼠标悬停（hover）效果。从国外的
css制作有立体效果的表格
.aa{margin:100px}ul{width:80px;float:left;margin:0px}.aalia{border:1px#E5E5E5solid;background-color:#EAEAEA;width:120px;height:30px;
HTML验证的好处？
HTMLvalidate是指HTML验证。它是通过与标准HTML规则进行比较的方式，分析HTML文档、标记出错误和非标准代码的处理过程。Web页面使用HTML进行渲染，而HTML本身采用了
CSS教程：行高line-height属性(1)
相关文章：CSS教程：行高line-height属性（2）行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。大片
CSS简单实现网页悬浮效果（对联广告）
css固定定位，即悬浮效果（例如对联广告），不用js，css中"position:fixed;"即可。position:fixed;以视口为包含块，因此在浏览器窗口内固定。ie6.0不支持，因此采用相对
CSS网页布局：关于定位（position）
使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层
CSS教程：理解继承属性及应用
4.5继承在本书的一节曾经简要介绍过继承：(X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性。4.5.1值的继承继承也是基于文档树的，文档
理解(X)HTML的文档结构
CSS通过与(X)HTML的文档结构相对应的选择器（selector）来达到控制页面表现的目的，而文档结构不仅仅在CSS的应用上非常重要，对于行为层（例如使用JavaScript控制元素
CSS实现单行、多行文本溢出显示省略号的实现
实现checkbox&radio对齐的方法
前端性能优化补充篇
清除浮动的几种方法(推荐)
Html与css基础(必看篇)
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。