-
font-size
css中控制字体的大小 -
<q>
标记短的引用,加引号
图片.png
call、apply、bind可控制this的指向
-
element.parentNode()
获取原生JS的父节点 -
只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承
所有元素可继承:visibility、cursor
内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction
终端块状元素可继承:text-indent、text-align
列表元素可继承:list-style、list-style-type、list-style-position、list-style-image
- ①border:none表示边框样式无,没有实际宽度
②border:0表示边框宽度为0
③定义边框时,除了设置宽度外,还必须设置边框的样式才能显示出来
p
{
border:5px solid red;
}
var x=10;
function cals(myNum) {
console.log(typeof x); // number
console.log(typeof myNum); // number
return x+myNum;
}
console.log(cals(7)); // 17
-
<bold>
JavaScript中粗体标签
<b>
html中粗体字标签
图片.png
先调用out(3),x=3,此时temp=2,
再调用inside(5),此时y=5,x=3,temp=2
然后执行x + y + (temp--)
temp--会在结束本次计算后执行,所以相当于x+y+temp
=>5+3+2
=>10
注意运算符前置和后置的区别
-
<sup>
html中上标文本
<sub>
html中下标文本
图片.png
一行也不输出(i一直为0)
continue
跳出本次循环,该行以后都不执行,进行下一轮循环break
跳出循环,也就是循环结束
-
relative
生成相对定位元素,元素所占据文档流位置不变,元素本身相对文档流的位置进行偏移(不脱离文档流)
absolute
生成绝对定位元素,元素脱离文档流,不占据文档流位置(可理解为漂浮在文档流上方)
fixed
生成固定定位元素(同absolute)
float:
脱离文档流
static
默认值,无定位,出现在正常文档流中,相当于取消定位属性或不设置定位属性
inherit
从父元素继承position属性的值 -
<meta>
是head 标签中必不少的,没有会乱码 -
<table>
是表格标签,<form>
是表单标签 -
stopPropagation()
阻止事件冒泡。 这个事件不会阻止定义在元素上的其他事件。
stopImmediatePropagation()
会彻底的阻止事件, 在其之后的绑定在元素上的其他监听事件都不会触发
preventDefault()
阻止事件的默认动作 -
html文档支持的图片格式
①JPG:支持颜色较多,可以压缩,不支持透明(保存照片等颜色丰富图片)
②GIF:支持颜色少,支持简单透明和动态图(保存颜色单一或动态图)
③PNG:支持颜色多和复杂的透明,不支持动态(保存颜色复杂的透明图)
图片使用原则:效果不一致,使用效果好的
效果一致,使用内存小的 -
readystatechange
读取状态变化
pageshow
页面展示
beforeunload
页面退出
DOMContentLoaded
DOM内容加载完成
readystatechange
和DOMContentLoaded
会在页面加载完成(onload)之前触发 -
list-style-type
用于设置不同列表列表项的样式
ul.circle {list-style-type:circle;}//每一项前都是圆圈
ul.square {list-style-type:square;}//每一项前都是正方形
ol.upper-roman {list-style-type:upper-roman;}//每一项前面都是大写罗马数字
ol.lower-alpha {list-style-type:lower-alpha;}//每一项前都是小写字母
-
html 5十大新特性
①用于绘画的canvas元素(canvas 中绘制的元素不可以通过浏览器提供的接口获取到。)
②更加丰富强大的表单
③用于媒介的video和audio元素
④地理定位
⑤拖放
⑥Web存储
⑦应用程序缓存
⑧Web Workers
⑨服务器发送事件
⑩WebSocket
图片.png
图片.png
-
<meter>
定义已知范围或分数值内的标量测量
<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。