经验交流

采用XHTML和CSS设计可重用可换肤的WEB站点的方法第2/4页 2016-06-26

采用XHTML和CSS设计可重用可换肤的WEB站点的方法第2/4页
随着XHTML的逐渐推广流行,HTML 在许多场合已经显得过时.World Wide Web Consortium W3C 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准. 1.重新设计站点的HTML 首先我们要去掉网页中有关外观的标签.在以前的代码中,我们常用一个表格用来在页面的内容中创建一个有边框的区块,我们还使用〈b〉来加粗文本.用&l ...

采用XHTML和CSS设计可重用可换肤的WEB站点的方法第4/4页 2016-06-19

随着XHTML的逐渐推广流行,HTML 在许多场合已经显得过时.World Wide Web Consortium W3C 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准. 5.根据用户设置换肤 网站样式切换在网上已有很多现成的javascript换肤代码,一般使用cookie来保存用户设置,在请求页面时,改变页面的CSS文件连接即可. 而服 ...

Class与ID区别margin和padding区别CSS学习笔记 2016-06-02

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用 代码如下:<link  type="text/css" href="../x ...

推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第2/3页 2016-06-01

如果还要对这个段落加上字体.字号.背景.行距等修饰,直接把对应的CSS加进P样式里就行了,不用像这样来写了: http://www.hsptc.com/css1.html 用CSS排版减小网页文件体积像上面我做的那个版面,一共分为四个区块,每个区块的框架是一样的,这个框架就是用CSS写出来的,样式写一次,就可以被无数次调用了(用class调用,而不是ID),只要改变其中的文 ...

原来CSS里的important是如此用法 2016-05-07

css下!important效果演示代码点击查看效果: Untitled Document 以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color ...

web标准常见问题集合第1/2页 2016-05-05

列举了一些常见,新手经常问的问题.举例并说明解决方法.1.超链接访问过后hover样式就不出现的问题 web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准 ...

非常漂亮的Div+CSS布局入门教程第3/5页 2016-04-23

非常漂亮的Div+CSS布局入门教程第3/5页
当我们写好了页面大致的DIV结构后,我们就可以开始细致地对每一个部分进行制作了. 在上一章中我们写入了一些样式,那些样式是为了预览结构而写入的,我们把css.css中的样式全部清除掉,重新写入以下样式代码: /*基本信息*/body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}a:link, ...

对于IE7、FF、OP清除浮动的最优方法第2/2页 2016-03-25

对于IE7、FF、OP清除浮动的最优方法第2/2页
注:忘了一个很重要的内容,并不是所有的overflow属性都可起来一样的效果,比如visible属性就只能对IE起作用.例子可以看这里 Overflow hack Demo|www.CSSForest.org overflow的visible属性只对IE起作用,auto/hidden可对FF.OP起作用. overflow:auto; overflow:auto; over ...

网页中经常用到的Metas,LinksandDocTypes集合 2016-03-14

代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE HTML PUBLIC "-//W ...

网页设计布局基础第2/4页 2016-03-14

 最开始,网页呈现在你面前的时侯,它就好像一张白纸,它需要你任意挥洒你的设计才思.在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西.你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局的基本概念.   1.页面尺寸:   由于页面尺寸和显示器大 ...

学习WEB标准总结的一些CSS/XHTML知识小结第3/3页 2016-02-28

制作网页过程中,总会遇到一些CSS/XHTML的各种问题,下面大体的总结了下15.在层次比较多的时候,如何更好的给class命名?举例如下: <li><a href="#">建站指南</a></li> <li><a href="#">网络创业</a>& ...

DIV+CSS布局的网站对网站SEO的影响分析 2016-01-08

符合XHTML标准DIV+CSS布局的网站,下面说说在SEO方面的影响. 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处. 表格的嵌套问题 很多 ...

css样式之区分input是按钮还是文本框的方法第2/4页 2015-12-24

对设置样式时怎么区分input是按钮还是文本框问题的技术调查--把input里面的东西剔出来2:用css中的type选择器实现参考代码:<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1 ...

网页中英文混排行高不等问题的解决方法 2015-12-20

网页中英文混排行高不等问题的解决方法
症状描述:在ie下6或7,8没有试过当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现的症状,文字排列上下不对齐的情况.基本上快被这个问题搞疯了,症状如下 症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现的症状,文字排列上下不对齐的情况.影响了布局的美观性,造成上图情况的原因是中英 ...

css浏览器不兼容原因分析及解决办法第2/2页 2015-11-28

浏览器的不兼容,大家肯定都是深恶痛绝的,往往我们只是去做修补,却忘了更重要的事情,那就是追溯根源,避免类似的不兼容再次出现.11.img下的留白,大家看这段代码有啥问题: <div> <img src="" src="" /> </div> 把div的border打开,你发现图片底部不是紧贴着容器底 ...

iframe的用法与注意事项 2015-10-05

本文主要来讲述一下 iframe 的用法与注意事项: 好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态. 注意两个事项,ifr 是一个以存在的 iframe 的 ID 和 NAME 值:本文主要来讲述一下 iframe 的用法与注意事项:     好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态. ...

推荐彻底弄懂CSS盒子模式(DIV布局快速入门)第3/3页 2015-09-29

熟悉工作流程 在真正开始工作之前我们脑海中要形成这样一种思想:表格是什么我不知道,在内容部分我不能让它再出现表现控制标签,如:font.color.height.width.align等标签不能再出现,(简单说工作前先洗脑,忘掉以前的一惯做法,去接受和使用全新的方法),我不是单纯的用DIV来实现排版的嵌套,DIV是块级元素,而像P也是块级元素,例如要分出几个文字内容块,不是 ...

写CSS_关于Border你可能需要注意的地方第2/2页 2015-09-14

恩,这下对了,正好放下.  所以说: 边框是计算在width外边的. 是这样吗? 我们接着看下边的代码: www.zishu.cn 400px 300px 100px 如需引入外部Js需刷新才能执行]如果你是用IE; 那么你会看他们间隔小了很多,FIREFOX应该和最开始的效果一样没有变化;  接着看最后一个效果: www.zishu.cn 400px 300px 100p ...

学习WEB标准总结的一些CSS/XHTML知识小结第2/3页 2015-08-19

制作网页过程中,总会遇到一些CSS/XHTML的各种问题,下面大体的总结了下11.在使用ul做列表的时候,不单可以写li ,还可以用dt和dd,但使用后要注意测试兼容性.我还没有总结出到底会什么问题. 12.在给标题加样式的时候,尽量用h1 h2 h3等...去做标题的标签.可以在文档前,先设置 <li><a href="#">& ...

css创意ul+li实现的细线表格实现代码 2015-08-19

非常用创意的用ul+li实现的细线表格效果,不用table write by 阿会楠 环境:IE7+IE6 时间 如需引入外部Js需刷新才能执行]