仓酷云

标题: 来一发HTML 5 Reset Stylesheet [打印本页]

作者: 灵魂腐蚀    时间: 2015-1-15 23:20
标题: 来一发HTML 5 Reset Stylesheet
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。网页制造Poluoluo文章简介:这份cssreset是在EricMeyers的基本上修正出来的,出格针对HTML5调剂了响应标签的初始化款式。
这份cssreset是在EricMeyers的CSSreset基本上修正出来的,出格针对HTML5调剂了响应标签的初始化款式。
/*
html5doctor.comResetStylesheet
v1.4
2009-07-27
Author:RichardClark-http://richclarkdesign.com
*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,dialog,figure,footer,header,
hgroup,menu,nav,section,
time,mark,audio,video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body{
line-height:1;
}
article,aside,dialog,figure,footer,header,
hgroup,nav,section{
display:block;
}
navul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
content:”;
content:none;
}
a{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del{
text-decoration:line-through;
}
abbr[title],dfn[title]{
border-bottom:1pxdotted#000;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{
display:block;
height:1px;
border:0;
border-top:1pxsolid#cccccc;
margin:1em0;
padding:0;
}
input,select{
vertical-align:middle;
}
更新甚么内容?

移除那些在HTML5中不被同意利用的标签款式,比方<acronym><font><big>……增加了HTML5新增标签款式,移除默许的padding、margin和border,断定指定了那些本应当当作块级元从来显现的元素的display属性为block。
利用了属性选择器
为<abbr><dfn>元素增加了属性选择器,这是为了在这两个元素有title这个属性的时分为他们指定一个款式,这点是从可会见性的角度思索的。
会商
在锚点上增加outline:0有很严峻的可会见性成绩,间接招致键盘导航生效。
ins,mark在没有设置字体色彩的时分不用增加背景色彩。
更多内容猛点这里:http://html5doctor.com/html-5-reset-stylesheet/
</p>
HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!
作者: 金色的骷髅    时间: 2015-1-17 21:58
学Dreamweaver技术的过程其实是一个增加信心的过程。
作者: 老尸    时间: 2015-2-4 21:25
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 灵魂腐蚀    时间: 2015-2-10 17:25
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者: 柔情似水    时间: 2015-3-1 14:14
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
作者: 仓酷云    时间: 2015-3-10 20:16
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
作者: 再见西城    时间: 2015-3-17 11:08
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
作者: 莫相离    时间: 2015-3-24 08:58
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2