DOM结构
将网页中的元素看做对象
可以被编程语言获取或者编辑
响应式布局
一个网站兼容多个终端
有哪几种选择器
标签选择器
类选择器
ID选择器
全局选择器
父子选择器
选择器优先级
!important (因为IE6不支持,所以可以作为hack手段)无条件优先级
html中给元素加 style=" "
ID选择器
类选择器
标签选择器
px em rem
px是相对于屏幕分辨率
em相对于当前对象内文本的字体尺寸,如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸
rem是相对于根元素,只需要修改根元素字体大小,就能修改整个文件的字体大小
position
absolute:绝对定位,如果父元素设置了position属性,并且属性值是relative和absolute,那么本元素是相对于父元素定位的,如果父元素没有,那么本元素是相对于浏览器的定位。也就是说 absolute定位的层总是相对于其最近的定义为absolute或relative的父层,而这个父层并不一定是其直接父层。如果其父层中都未定义absolute或relative,则其将相对body进行定位
relative:相对定位,相对于父元素的定位 父元素应该加上 position:relative 这句
fixed:固定定位,相对于浏览器窗口定位
static:默认值,没有定位
inherit:从父元素继承position属性
块级元素和内联元素:
块级元素哪些:div p form table ol ul h1(最大) h2 h3 h4 h5 h6(最小) hr
内联元素哪些:a span input img b select
可变元素:button iframe map
区别:
==和===区别:
==只需要变量的值相等即可
===要变量的值和类型都相同
null==undefined 返回true
null===undefined返回false
js中有哪些数据类型:
五种简单的 一种复杂的
undefined未定义
null空
boolean布尔
number数值
string字符串
object
为什么把css js文件和html文件分开
方便维护
提高网页加载速度
因为浏览器有缓存,所以尽管第一次下载网页的速度相对于不分开来说比较慢,但是以后的下载速度就会比较快
js模块化
不同功能对应的js代码放在不同的文件中 便于维护
块级元素哪些:
内联元素哪些:
区别: