带来一篇Css Reset(复位)的复杂先容
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。CssReset是甚么?有些偕行叫"css复位",有些大概叫"默许css".....
信任看完整文您会对CssReset有个从头的熟悉
原文地点:
http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/
PS：
*{
padding:0;
margin:0;
}
这就是最经常使用的CssReset，可是这里会有良多成绩。
原文前部分辩了良多关于Css,和各扫瞄器的css划定规矩的分歧,而制订"CssReset"也是为了兼容与一致,准确无效的利用"CssReset"能够在某种水平上勤俭工夫与款项.
十分感激Perishable的收拾与归结
上面是关于几类CssReset的复杂先容,自己才能无限.只能了解也许意义,还请列位看官包涵.
MinimalisticReset
信任这一段你常常看到.并且也是我们常常用到的
*{
padding:0;
margin:0;
}
MinimalisticReset
border:0的计划有些不靠谱了
*{
padding:0;
margin:0;
border:0;
}
MinimalisticReset
固然这个也是不保举的.会跟某些默许款式有抵触
*{
outline:0;
padding:0;
margin:0;
border:0;
}
CondensedUniversalReset
这是作者以后对照钟意的一种写法.包管了绝对广泛扫瞄器款式的一致性.
*{
vertical-align:baselinebaseline;
font-weight:inherit;
font-family:inherit;
font-style:inherit;
font-size:100%;
border:0none;
outline:0;
padding:0;
margin:0;
}
PoorMan’sReset
实在这也是我们经常使用的一类CssReset.对字体的巨细复位,和图片链接的边框处置.
也常常在某些站点看到
html,body{
padding:0;
margin:0;
}
html{
font-size:1em;
}
body{
font-size:100%;
}
aimg,:linkimg,:visitedimg{
border:0;
}
ShaunInman’sGlobalReset
作者以为Shaun写这类的CssReset是有某种目标性.
并且这类划定规矩是针对的是某些主要的经常使用扫瞄器.
好比ie,firefox等
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,p,blockquote,table,th,td,embed,object{
padding:0;
margin:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,abbr{
border:0;
}
address,caption,cite,code,dfn,em,
h1,h2,h3,h4,h5,h6,strong,th,var{
font-weight:normal;
font-style:normal;
}
ul{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:1.0em;
}
q:before,q:after{
content:;
}
a,ins{
text-decoration:none;
}
YahooCSSReset
yahoo这帮家伙写的Reset团体以为能够保举
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
ol,ul{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}
q:before,q:after{
content:;
}
abbr,acronym{border:0;
}
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]