01

html5

虚元素：不能放置任何内容

---

自闭合元素

全局属性:配置所有元素的共有行为
accesskey属性
使用快捷键访问元素，alt+n/p
火狐不支持，谷歌支持

用户编辑元素内容。

hello world

dir:ltr/rtl 规定文字方向，从左到右，从右到左

哈哈

哈哈

draggable:支持拖放操作
dropzone:支持拖放操作与上述搭配使用

lang:说明元素内容的语言，必须使用有效的ISO语言代码，可参考tools.ietf.org/html/bcp47

啊哈哈

spellcheck:表明浏览器是否应该对元素的内容进行拼写检查
没有问题吗？hello world

tabindex:键盘焦点可以通过tab在各元素切换，使用此标签可以改变默认的转移顺序,-1不会再用户按下tab选中

title：元素额外信息

在style.css文件中
@import “样式表名字”:从一个样式表中导入另外一个样式表,效率不如html的link,必须放在样式之前
@charset “UTF-8”:设置样式表编码，可以放在import之前,如果没申明，默认使用html指定编码，html没有指定，默认utf-8

@charset “UTF-8”;
@import “样式表名字”;
a {
color: black!important;
}

CSS属性值得次序,优先级
1:元素内嵌样式，用元素的全局属性style定义的样式
2：文档内嵌样式，定义在style中的样式
3：外部样式，link
4：用户样式(用户定义的样式，以谷歌为例，他会在用户的个人配置信息目录中生成Default\UserStyleSheets\Custom.css的文件，添加到里面的任何样式都会被浏览器加载)
5：浏览器样式
前三样式称为作者样式

!important;不管样式定义在哪里，浏览器都会优先考虑 ,
media规定设备，还可以设置设备的特性。

a {
color: black!important;
}

根据具体程度和定义次序解决同级样式冲突  2条定义同一层次的样式都应用于同一元素，如何选择  1：样式的选择器id值的数目  2：选择器中其他属性和伪类的数目  3：选择器中元素名和伪元素的数目  评比按照a(id值数目)-b(其他属性和伪类数目)-c(选择器中元素名和伪元素数目)，a相等比较b，不相等，选择a大的样式,b相等比较C  <a class="aclass bclass">:后来居上，采用样式bclass

CSS属性继承：如果浏览器在直接相关的样式中找不到某个属性的值，就会采用继承，使用父元素的样式
与元素外观(文字，颜色，字体等)相关的样式会被继承，与元素在页面上的布局相关的样式不会被继承。
inherit：强制使用父元素的值
p{
color:white;
}
span{
color:inherit;
}

CSS中的颜色

1：采用10进制或者16进制。10进制以逗号分隔，16进制以#开头
2：CSS函数
rgb(r,g,b):用rga表示颜色 color:rgb(112,128,144)
rgba(r,g,b,a)：用rga模型表示颜色，外加一个用于表示透明度的a值(0：全透明，1完全不透明)
hsl(h,s,l):用HSL模型(色相[hue],饱和度[saturation],明度[lighiness])
hsla(h,s,l,a)：增加表示透明度的a值

CSS中的长度
绝对长度
in:英寸
cm：厘米
mm:毫米
pt：磅，一磅=1/72英寸
pc:pica(1pica=12磅)
相对长度:实际上是另一种度量值的倍数
em:与元素字号挂钩
ex:与元素字体”x高度”挂钩
rem:与根元素的字号挂钩
px:CSS像素(默认显示设备像素为96dpi)
%:另1属性值得百分比

        p{        font-size:15pt;        height=2em;        }设置字体大小为15pt，背景长度为2em，则背景长度为2*15pt        html{        font-size:0.2in;        }        p{        font-size:2rem;        height:2em;        }rem根据html元素(文档根元素)的字号而定，html为0.2英寸，p则为0.4英寸，height为2em，则为0.8英寸ex:指当前字体的x高度，字体基线到中线之间的距离，一般与字母x的高度相当，通常1ex大约=0.5em像素：主流浏览器定义为1px=1/96英寸百分比：注意，并非所有属性都能用，对于支持百分比单位的属性，与百分比挂钩的其他属性不相同。(如遇font-size挂钩的元素继承到的font-size，width则是从元素的包含块的宽度)缺乏浏览器支持的css相对度量单位gd,vw,vh,vmin,ch用算式为值,目前ie支持p{width:calc(80%-20px);}CSS角度

单位
deg:度(0~360deg)
grad：百分度(0~400grad)
rad：弧度(0~6.28rad)
turn：圆周(1turn=360deg)

CSS时间
s:秒
ms:毫秒

推荐网站
caniuse.com:对各版本浏览器html5与CSS3是否支持进行全面分析www.modernizr.com：测试html5与CSS3特性是否到位
lesscss.org:扩展css，使用js对css改进。
www.blueprint.com:CSS框架

javaScript

<script type="text/javascript">    var myData = {        name : 'wangchao',        age : 15,        printName : function() {            document.writeln(this.name);        }    };    myData.printName();    //为对象添加新属性    myData.dayOfWeek = '哈哈';    myData["enen"] = 123;    //为对象添加方法    myData.sayHello = function() {        document.writeln("啊哈")    };    //删除对象属性    delete myData.name;    delete myData["age"];    delete myData.sayHello;    //判断对象是否有某个属性    var hasName = "name" in myData;    document.writeln("hasName" + hasName);    //枚举对象属性    for ( var prop in myData) {        document.writeln(prop + " " + myData[prop] + " <br/>");    }    ==:相等运算符，只测试2个值是否相等，不管类型，运行时先把比较的数类型统一，在比较值。     ===：等同运算符,测试值和类型是否相同。      document.writeln(1 == 1);    document.writeln(1 === "1");        数字-->String        toString();十进制，表示值。        toString(2);2进制，表示值。        toString(8);8进制，表示值。        toString(16);16进制，表示值。        toFixed(n):以小数点后n为数字的形式表示实数        toExponential(n):以指数表示法表示数值，尾数的小数点前后分别有1位数字和n为数字        toPrecision(n):用n位有效数字表示该值，必要情况下使用指数表示法         String-->number        Number(str)        parseInt(str):忽略数字后面非数字字符        parseFloat(str):忽略数字后面非数字字符 */        undefined：表示未定义或者取出对象没有的属性        null:对象赋予为空        undefined==null：true        undefined===null：false        null和undefined进行逻辑判断时，会当成false */</script>

Base/link/script/noscript
不设置base or 不用href属性指定基准url，会使用当前页面加载的url作为链接基础。

让html文档中的相对链接在此基础上进行解析



哈哈 因为设置了base所以基于base地址

添加网站的图标,如果网站标志文件在/favicon.ico(web服务器根目录)，无需link，自动加载<link rel="shortcut icon" href="网站标志图片" type="image/x-icon"></link><link rel="prefetch" href="/page2.html" />要求浏览器预先获取很快要用的到的资源<a href="page2.html"></a>使用 script标签，不能使用自闭合标签.#############################使用script修改元素，如果元素在后面，sript放在前面，加载不到元素，所以不会使用script。解决方案：1：script放在元素后面，保证script加载元素前，元素已经被html加载完2：defer:延迟加载,script放在前也能用<script defer src="xx.js"></script>async:异步加载，浏览器默认依次加载script，在解析html。<script async src="xx.js"></script>noscript:向禁用script或者不支持script的用户显示一些信息<noscript>

在不支持script或禁用script的浏览器试图 3秒后将用户引至baidu.com
http://baidu.com” />

哈哈