-
CSS高级技巧:滑动门技术
所属栏目:[系统] 日期:2020-05-11 热度:172
上一篇CSS教程 文章:CSS高级技巧:图片替换滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现. 滑动门一般用做网站Tab导航,[详细]
-
CSS高级技巧:文字环绕图片
所属栏目:[系统] 日期:2020-05-11 热度:91
上一篇CSS教程 文章:CSS高级技巧:滑动门文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢? 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图:[详细]
-
Web标准:关于web标准的一些初学的知识
所属栏目:[系统] 日期:2020-05-11 热度:102
Web标准使您能通过最少的工作,生成可被最广大受众访问的Web站点。Web标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在按照标准生成以后,旨在在MicrosoftInternetExplorer中以某种方式显示的页可在[详细]
-
IE8、IE7、IE6、FF简单的CSS HACK测试
所属栏目:[系统] 日期:2020-05-11 热度:150
简单试用了一下IE8后,今天相对有时间点,对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSSHACK测试。 样式代码: p{color:#f00;} xhtml代码: p文字/p 主要是测试文字这个颜色在不同浏览器下使用hack的一些结果报告。 早上测试的东西少了几个,这里补[详细]
-
CSS实例:让页脚保持在未满屏页面的底部
所属栏目:[系统] 日期:2020-05-11 热度:139
在内容不超过一屏的情况下,当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。 当内容多出一屏时,他显示在网页的最下边,而不是窗口的最下边;测试了一下,还可以,在IE6、IE7、FF等都没有问题!窗口缩小时也没有问题! 首先是JS脚本: func[详细]
-
CSS高级技巧:网页布局
所属栏目:[系统] 日期:2020-05-11 热度:200
上一篇CSS教程 文章:CSS高级技巧:文字环绕图片布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需[详细]
-
CSS DIV制作梯形状的不规则网站导航
所属栏目:[系统] 日期:2020-05-11 热度:159
前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航,就尝试做了一下。结果碰到了几个问题,后来在同事的提醒下总算完成了,记录一下也跟大家分享分享。 先看图(图片只是大致做了一下) 效果展示: 运行代码[详细]
-
语义化H1标签
所属栏目:[系统] 日期:2020-05-11 热度:123
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。 h1img src=http://www.jb51.net[详细]
-
WEB标准教程:功能相似的标签的用法
所属栏目:[系统] 日期:2020-05-11 热度:169
在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标[详细]
-
CSS教程:建议font-size使用em
所属栏目:[系统] 日期:2020-05-11 热度:99
在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的察看-文字大小设置已无任何作用。对字体感觉太小的浏览者而[详细]
-
line-height使文本居中的3像素bug问题
所属栏目:[系统] 日期:2020-05-11 热度:192
虽然题目这么写,可是这真是bug吗?我觉得不算。 line-height使文本居中的3像素bug,先查下这3px的底细,怎么查?观察 FW 先写个height、line-height都为30px,背景为红色的元素,设置文字为12px。然后量下,果然有3px的bug。同时增加或者减少height、line[详细]
-
IE8.0Beta比较不错的功能:WebSlices
所属栏目:[系统] 日期:2020-05-11 热度:83
这两天M$出了个IE8beta1版~害得我的Google Reader里全是IE8的信息,可惜有用的信息太少了,在翻M$的网站时,倒是发现了一个比较帅的功能:WebSlices。 简单的来说,它的功能就是把网页的某一块剪出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质[详细]
-
css网页设计非常有用的解决办法
所属栏目:[系统] 日期:2020-05-11 热度:139
目录介绍针对浏览器的选择器让IE6支持PNG透明移除超链接的虚线给行内元素定义宽度让固定宽度的页面居中图片替换技术最小宽度隐藏水平滚动条 一. 介绍 这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们. 二. 针对浏览器的选择[详细]
-
CSS教程:关于H1的使用技巧
所属栏目:[系统] 日期:2020-05-11 热度:113
来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣. 关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答[详细]
-
CSS教程:弄懂闭合浮动元素
所属栏目:[系统] 日期:2020-05-11 热度:70
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种[详细]
-
css中用javascript判断浏览器版本
所属栏目:[系统] 日期:2020-05-10 热度:171
看如下的javascript脚本: if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7 alert('Mozilla, Safari,...IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari,... alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6');[详细]
-
css教程:经常保持CSS的整洁度和有序性
所属栏目:[系统] 日期:2020-05-10 热度:132
点击这里浏览本站 CSS 频道内容。 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (header, content, footer, etc.)) 模块和widget样式module or[详细]
-
dl,dt,dd,ul,li,ol区别及应用
所属栏目:[系统] 日期:2020-05-10 热度:87
ul: unordered lists ol: ordered lists li: Lists ol有序列表: ol li/li li/li li/li /ol 表现为: 1 2 3 ul无序列表,表现为li前面是大圆点而不是123: ul li/li li/li /ul 很多人容易忽略dldtdd的用法: dl内容块 dt内容块的标题 dd内容 可以这么写: dl d[详细]
-
css教程:选择合适的、有意义的元素描述内容
所属栏目:[系统] 日期:2020-05-10 热度:99
点击这里查看本站的 css 频道的内容 您应该明白为什么我会说到这个,选择合适的、有意义的元素去描述你的内容,确保您所选择的是富有语义的类class和id特征值。做正确的事情会使你的生活变得容易很多,如果你是某个团队的一分子,对团队其他成员来说也是如[详细]
-
CSS编写中灵活运行注释的意义
所属栏目:[系统] 日期:2020-05-10 热度:69
如果使用注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息,不过使用注释对优化组织结构和提升效用也很有帮助。 提示和标签 这是注释最常用的途径,可以为自己或其他开发人员留[详细]
-
关于CSS 框架的论述
所属栏目:[系统] 日期:2020-05-10 热度:115
最近看到N多介绍CSS框架,前些天我说过一句话:在我有限的视野里,还没见到可以真正可以称得上css框架的东东~,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念: 框架可分为[详细]
-
DIV CSS常用的网页布局代码
所属栏目:[系统] 日期:2020-05-10 热度:67
单行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content-top{margin-[详细]
-
网页注册表单的网页设计技巧
所属栏目:[系统] 日期:2020-05-10 热度:60
Ajax的流行给用户体验带来了很大程序的提升,而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方,实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致,检测用户输入的邮箱格式是否正确,等等这些功能因为有了Ajax的加[详细]
-
css教程:CSS文件应该保持整洁和统一
所属栏目:[系统] 日期:2020-05-10 热度:66
点击这里浏览本站 CSS 频道内容。 一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整,需要剔除冗余的代码,在CSS样式重整方面,比较头疼,不仅需要对现有的样式进行合并与精简,还需要为网站增加换肤功能。 不难看出,这是一个令人感[详细]
-
CSS3教程:background-clip和background-origin
所属栏目:[系统] 日期:2020-05-10 热度:106
原文: background-clip 和 background-origin 是 CSS3 中新加的 background module 属性,用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。 语法为[详细]