![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html css
文章平均质量分 72
w617280955
文章大多为转载,只是为方便才转来,切不要纠缠版权问题!
展开
-
在自己的电脑上通过IIS发布一个网页
安装好iis后先创建虚拟目录,只有把网页放在虚拟目录中别人才可以打开虚拟目录建好后,网页放入后,别人只需要输入你的ip地址就可以访问了,比如说你的ip是1.1.1.1,那么别人只需要输入“http://1.1.1.1/虚拟目录名称”就可以访问你本地的主页了。是新建的虚拟目录,不是本地的目录接着,我来说一下iis的虚拟目录建立:控制面板---管理工具---internet信息服务---转载 2011-11-15 09:21:04 · 2174 阅读 · 0 评论 -
Web可用性设计的247条指导方针
序:Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条 Web可用性设计的指导方针,并把它们清晰的分为六个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布 局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说,“虽然易用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定 性和好的实践提转载 2012-02-23 18:18:27 · 627 阅读 · 0 评论 -
10个提高网站可用性的实用技巧
不论是企业网站、个人博客,或者购物网站、游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验。可用性是用户体验的一种度量,它可以用访问者完成网站功能的方便程度来描述——无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位,他说:可用性是评估网站易用程度的一种属性。同时“可用性”这个词也指在设计过程中提高易用性的方法。在本转载 2012-02-23 18:14:07 · 517 阅读 · 0 评论 -
网页设计中的常用表单设计技巧
“输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》Web应用程序总是利用表单来处理数据录入和配置,但并不是所有的表单都保持一致。输入区域的对齐方式,各自的标签(label),操作方式,以及周围的视觉元素都会或多或少影响用户的行为。表单布局考虑到用户完成表单填写的时间应当尽可能的短,并且收集的数据都是用户所熟悉的(比如转载 2012-02-23 19:08:10 · 480 阅读 · 0 评论 -
上下固定,中间可滚动
这个效果在电脑上可以但是pad上不行 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">上下固定[不滚动]中间自适应高度布局body { margin:0; border:0; padding:0; height:100%; max-height:100%转载 2012-02-23 10:14:30 · 1341 阅读 · 0 评论 -
css——position
无标题文档.c1{ position:absolute; width:400px; height:400px; border:1px #0000FF solid;}.c2{position:relative; top:500px; background:#0099FF;border:1px #0000FF solid;width:120px; height:120px;}.c3{p原创 2012-02-08 14:24:43 · 622 阅读 · 0 评论 -
垂直水平都居中
CSS垂直水平都居中 站长学院www.pigzz.com .main{ position:absolute; top:50%; left:50%; width:560px; height:188px; margin:-94px 0 0 -280px; background:red} --> 站长学院www.转载 2012-02-07 13:40:05 · 344 阅读 · 0 评论 -
推荐新手阅读的CSS技巧十则
这十则CSS技巧汇编于网络,作为老手已经司空见惯了,也没有什么新意,但温故而知新,或许阅读一遍也有一定的启发,本文主要面对CSS新手朋友,有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧,更多的知识浏览52CSS.com的教程。希望大家能认真阅读。一、CSS字体属性简写规则 一般用CSS设定字体属性方法: font-weight:bold;转载 2011-11-29 11:42:34 · 476 阅读 · 0 评论 -
css优先级
一、什么是CSS优先级?所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。二、CSS优先级规则既然样式有优先级,那么就会有一个规则来约定这个优先级,而这个“规则”就是本次所需要讲的重点。样式表中的特殊性描述了不同规则的相对权重,它的基本规则是: 统计选择符中的ID属性个数。 统计选择符中的CLASS属性个数。 统计选择符中的HTML标记名个数。最后,按正确的转载 2012-03-25 16:23:25 · 2536 阅读 · 1 评论 -
CSS之Position详解
CSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文将主要讲述关于position的理解,力求让您看完本文后对position有着最全面的认识。position的四个属性值:转载 2012-03-25 19:08:46 · 578 阅读 · 0 评论 -
scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离
scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离补充:scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽转载 2012-04-26 15:24:56 · 763 阅读 · 0 评论 -
css 继承
多数边框类属性,比如象Padding(补白),Margin(边界),背景和边框的属性都是不能继承的。三、继承中容易引起的错误 有时候继承也会带来些错误,比如说下面这条CSS定义: Body{color:blue} 在有些浏览器中这句定义会使除表格之外的文本变成蓝色。从技术上来说,这是不正确的,但是它确实存在。所以我们经常需要借助于某些技巧,比如将CSS定义成这样:转载 2012-04-25 17:03:50 · 722 阅读 · 0 评论 -
包含选择与子对象选择符的区别
相信会进来看这篇文章的人,都对CSS选择符这个名词不陌生了。CSS为我们提供了很多选择符,这使得我们可以根据自己的需要选择适合的选择符来进行样式的构造。 在众多的选择符里,相信大家用的最多,最熟悉的就是ID选择符,类选择符及包含选择符等常用的选择符。然后对于一些如属性选择符,相邻选择符,子对象选择符可能就稍微有点陌生了,这当然也是有原因的,因为IE6及以下的浏览器并不支持这几个选择符,而大多转载 2012-04-05 15:15:50 · 1754 阅读 · 0 评论 -
SD9027: 各浏览中某些标记通过鼠标触发 Click 事件后不会获得焦点并触发 Focus 事件
作者:钱宝坤标准参考根据 W3C HTML4.01 规范中的描述,onFocus 是 HTML 中的标准属性,它在元素通过鼠标或者键盘 TAB 导航获得焦点时触发,一般应用在 A、AREA、LABEL、INPUT、SELECT、TEXTAREA、BUTTON 元素上。此事件不冒泡。根据 W3C DOM Level 2 (HTML) 规范中的描述,HTMLSelectElement、HT转载 2012-03-19 12:47:16 · 1180 阅读 · 0 评论 -
CSS样式分离
引导语: 举个例子,依照现在主流的写法,下截图所示的灰色背景的框框命名与样式可能如下:.topic_edit_box{display:inline-block; border:1px solid#ddd; background:#f7f7f7; padding:20px 40px;}如果您有强烈的分离意识,尤其在大型的项目中,这段样式可能会是这个样子(注意命名转载 2012-03-18 16:36:09 · 1988 阅读 · 0 评论 -
vertical-align
最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。vertical-align的值有点多,包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值(%,em,ex等等)。我先给大家看一个我觉得最夸张的值:bottom。代码如转载 2012-03-16 19:53:41 · 486 阅读 · 0 评论 -
win7安装IIS 防火墙设置
http://www.360doc.com/content/10/0624/19/1872066_35018211.shtml#如果防火墙开启,同一局域网内的电脑也不能访问,但是开启了又会有危险,所以要给外面的电脑开启一个单独的接口。方法如下:控制面板->系统和安全->Windows防火墙->高级设置->入站规则找到名称为:“万维网服务(HTTP流入量)”组转载 2012-02-13 08:55:48 · 2128 阅读 · 0 评论 -
点击弹出窗口,并且背景变暗渐变
1.用JS实现title>点击弹出窗口层,并且背景变暗渐变---网页特效观止|www.jscode.cn|网页特效代码title>style>body {font-size:12px;background:#9EC7E7}img {border:0px}#msgDiv { z-index:10001; width:500px; height:400px;转载 2011-11-18 15:34:51 · 2000 阅读 · 0 评论 -
CSS 多图片融合背景定位的应用于优缺点分析
1. 关键字, 例如: background-position: top right;优点: 直观, 可用性高, 各浏览器中表现一致.缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制.2.转载 2011-11-29 11:17:34 · 672 阅读 · 0 评论 -
用统一的方式设置网站的字体大小
http://alansun.iteye.com/blog/581483通常我们做网页的时候,会到处定义字体的大小,几乎每个需要定义的地方都定义。font-size:16px;等类似的CSS定义可以说充斥着整个网站。可是我们发现,当我们哪一天老板说:“将这个网站的所有字体放大一号”那对于上述的网站绝对是一个噩梦,怎么解决这个问题?我们可以利用转载 2011-11-28 09:57:43 · 3568 阅读 · 0 评论 -
css中ID与class的区别
定义格式: 形如id="aaa"定义的,在css中是这样设置其样式的: #aaa{ 样式列表 } 而以class="bbb"形式定义的,在css中应该这样设置其样式: .bbb{ 样式列表 } 用途: class元素分2种,关联的和独立的.转载 2011-11-07 09:19:47 · 592 阅读 · 0 评论 -
css 属性
● MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。"10px 10px 10px 10px"分别代表"上右下左"(顺时针方向)四个边距,如果都一样,可以缩写成"MARGIN: 10px;"。如果边距为零,要写成"MARGIN: 0px;"。注意:当值是零时,除了RGB颜色值0%必须跟百分号,其他情况后面可以不跟单位"px"。MARGIN是透明元素,不能定义颜色。原创 2011-11-07 10:44:49 · 303 阅读 · 0 评论 -
CSS 中 ID 与 Class 的区别及使用方法
对于 CSS 初学者来说,ID 和 Class 的区别是个十分值得探讨和注意的话题。接下来,我就对 ID 和 Class 的区别及适用场合做简单的阐述。孪生兄弟:ID 和 Class很多刚迈入网页设计师行业的人对 CSS 中 ID 和 Class 的认识还停留在比较混乱的阶段。很多人甚至认为这两兄弟功能上是完全一样的,这就导致了他们对 ID 和 Class 的滥用。ID 以及它的适用场转载 2011-11-07 09:37:12 · 1301 阅读 · 0 评论 -
something about html
http://dev.w3.org/html5/html4-differences/怎么知道使用的是html4还是5,txt或dw就能变出网站拿别人的网站来重写,先看代码。css布局设计http://115.com/file/cloedwxf#dist_b20090115.ziphttp://115.com/file/aqahvv2w#sigma_grid_re原创 2011-11-28 08:43:01 · 490 阅读 · 0 评论 -
把表格的四角变成弧形的效果
方法一 利用边框长短不一 Nifty Corners: HTML CSS rounded corners body{padding: 20px;background-color: #FFF; font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}div#nifty{ margin: 0 10%;b转载 2011-11-14 13:50:34 · 4229 阅读 · 0 评论 -
CSS教程:3.1 盒子的内部结构
在学习盒子模型之前,先来看一个例子。假设在墙上有4幅画,整齐地排列着,如图1所示。对于每幅画来说,都有一个“边框”,在英文中称为"border”;每个画框中,画和边框通常都会有一定的距离,这个距离称为“内边距”,在英文中称为“padding”;各幅蓟之间通常也不会紧贴着,它们之间的距离称为“外边距”,在英文中称为“margin”。图1 画框示意图这种形式实际上存在于我们生活中的各个地方转载 2011-11-16 19:36:00 · 841 阅读 · 0 评论 -
CSS教程:1.6 CSS的层叠特性
CSS的全名叫做“层叠样式表”,读者有没有考虑过,这里的“层叠”是什么意思?为什么这个词如此重要,以至于要出现在它的名称里。CSS的层叠特性确实很重要,但是要注意,千万不要和前面介绍的“继承”相混淆,二者有着本质的区别。实际上,层叠可以简单地理解为“冲突”的解决方案。例如有如下一段代码,示例文件位于网页学习网CSS教程资源“第1章\16.htm”。html> head> title>层转载 2011-11-16 18:49:01 · 489 阅读 · 0 评论 -
CSS教程:1.4 复合选择器
一、“交集”选择器二、“并集”选择器三、后代选择器上一节介绍了3种基本的选择器,以这3种基本选择器为基础,通过组合,还可以产生更多种类的选择器,实现更强、更方便的选择功能,复合选择器就是基本选择器通过不同的连接方式构成的。复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器。一、“交集”选择器“交集”复合选择器由两个选择器直接连接构成,其结果是选中二者各自元转载 2011-11-16 18:31:27 · 1060 阅读 · 0 评论 -
css位置
CSS教程:4.1 盒子的浮动http://www.wangyexx.com/css/jc/674.html如果3个子div都没有设置任何浮动属性,就为标准流中的盒子状态。在父盒子中,4个盒子各自向右伸展,竖直方向依次排列答案是与Box-1的左边框重合,因为此时Box-1已经脱离标准流,标准流中的Box-2会顶到原来Box-1的位置,而文字会围绕着Box-1排列。如果把浏览器窗口慢转载 2011-11-17 15:37:56 · 692 阅读 · 0 评论 -
鼠标移过 变换颜色字体之类
方法一:写在标签内的鼠标经过的语句 懒人图库 懒人图库 懒人图库 查找更多代码,请访问:懒人图库以上写法有错:.borderColor之类的前面一定要有style,因为是改变行内样式,如果是classname就不用,如onMouseOut="this.style.background='url(image/login_2转载 2011-11-30 10:04:48 · 2680 阅读 · 0 评论 -
CSS教程:1.3 基本CSS选择器
一、标记选择器二、类别选择器三、ID选择器选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行选择,并赋予各种样式声明,即可实现各种效果。为了理解选择器的概念,可以用“地图”作为类比。在地图上都可以看到一些“图例”,比如河流用蓝色的线表示,某公路用红色的线表示,省会城市用黑色转载 2011-11-16 18:32:56 · 774 阅读 · 0 评论 -
CSS、JS在不同浏览器的兼容性问题
1.css在不同浏览器下显示效果不同firefox和IE对某些css样式的认定有不少区别,包括:ul和ol的默认padding值是不一样的,在Firefox中,padding-left默认值为40px左右,而IE中为0,只能将它们指定为20px才保证在两个浏览器中显示效果一样;对字体大小small的定义不同,Firefox中为13px,而IE中为16px,差别挺大,也只能设置为14px转载 2011-12-11 09:34:52 · 1780 阅读 · 0 评论 -
CSS filter滤镜的用法
filter:filtername(parameters) 即 filter:滤镜名称(参数)滤镜效果 功能描述 Alpha 设置不同的透明度变化效果 Blur 建立模糊效果 DropShadow 建立一种偏移的影象轮廓,即投射阴影转载 2011-12-12 16:30:56 · 864 阅读 · 0 评论 -
css属性大全
在Dreamweaver4的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver4把这些属性分为Type(类型)、Background(背景)、Block(块)、Box(盒子)、Border(边框)、List(列表)、Positioning(定位)、Extensions(扩展)八个部分,下面我们分别详细讲解。 1.Type(类型) Type面板主要是对文字的字体转载 2011-12-01 18:56:08 · 3392 阅读 · 0 评论 -
清除浮动“clear:both;”的应用
在CSS中我们会经常要用到“清除浮动”Clear,比较典型的就是clear:both;CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float(浮动)时,其所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)转载 2011-12-01 15:53:14 · 1062 阅读 · 0 评论 -
html 标记大全,转来的(一)
元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。元素又由标记(tag)的构成,大多数标记是成对出现的,分起始标记(start tag)和结尾标记(end tag),以便和页面的内容区分开来。其写成的文件是标准的ASCII文件,不同于一般的编程语言,故称为脚本(Script)更准确一点。其实也很转载 2011-10-18 13:58:14 · 654 阅读 · 0 评论 -
事件
onmouseup:鼠标键按下并松开时响应事件 onmousedown:鼠标键按下时响应事件 onmouseover:鼠标移动到对象上时响应事件 onmouseout:鼠标从对象上移出时响应事件 onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。onkeyup 是在用户放开任何先前按下的键盘键时发生。转载 2011-11-29 18:14:48 · 301 阅读 · 0 评论 -
HTML_TABLE内外边框颜色设置及页面居中
标签: ---此处设置外边框颜色房屋基本信息 房屋狀態---此处设置单元格边框颜色$TYPE$房屋類別此处设置单元下边框颜色$FWLB$所在地區$XS$style="border-collapse: collapse" bordercolor="#254389"----设置所有边框颜色style= "bor转载 2011-11-14 18:32:14 · 9908 阅读 · 0 评论