目录
1112问题记录
1.三大主流选择器
是什么
Id选择器、class选择器、标签选择器
排列优先级
Id > class > 标签
用什么表示(写法)
#id{} .class{} p{}
列举其他选择器的表示方法
P:nth-child{} p::before{} ul>li{}:意思是ul的第一后代li的样式
P+span{} 意思是p后边span的样式(p和span有相同的父元素)
p~span{} (p标签后的所有span标签)
2.CSS样式表达形式
常用的三种和优先级(权重)
1.内联样式:直接在html书写style
2.外部引入:使用link标签
3.内部样式:写在头部(head)的style标签里
权重:内联>内部>外部>浏览器默认样式;
内联>id选择器>类选择器>标签选择器
3.什么是盒模型
Div是盒模型,本质上是一个盒子。 由图片、文字或者另外的标签组成。
组成部分
外边距、边框、内边距和内容
4.position定位有哪些属性
Absolute relative static fixed
属性的区别(怎么用)
Static是所有元素默认的定位方式
Relative是以自己原来的位置为参照物移动
Absolute分两种情况:1)父元素没有定位就以浏览器的定位为准 2)父元素有定位则子元素根据父亲的位置进行定位
fixed 固定定位是绝对定位的一种特殊形式(类似于正方形是特殊的矩形这个道理),元素固定于浏览器可视区的位置,固定定位完全脱标,不占有位置,不随着滚动条滚动。固定定位的盒子一定要写宽和高,除非有内容撑开不用写
说出三个以上垂直水平居中的例子
1.假设父元素已经有相对定位,则对子元素进行绝对定位,然后left:50%; transform:transitionX(-50%); top:50%; transform:transitionY(-50%)
2.使用绝对定位
Position:absolute;
Margin:auto;
Left:0;right:0;top:0;bottom:0;
3.知道元素尺寸使用相对定位或者绝对定位实现垂直居中
Position:relative;
Left:50%;
Top:50%;
Margin-left:(宽度一半的负值)
Margin-top:(高度一半的负值)
5.文字内容过多,省略号显示的写法
Text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
6.什么是自适应,什么是响应式
能使网页自适应显示在不同终端设备上的技术
一个网站能够兼容多个终端而不是每一个终端做一个特定版本
区别是什么
自适应要开发多套页面:通过检测视口分辨率来判断当前访问的设备是什么,从而展现不同的布局和内容
7.什么是媒体查询
针对不同媒体类型定义不同的样式,从而实现显影式布局,也可以针对不同的分辨率定义不同的样式
如何表示
@media only screen and (max-width:500px) {
Body{background-color:blue;}
}
8.Rem em 分别表示什么意思
Em和rem是相对长度单位
他们区别是什么
em相对于父元素
Rem相对于根元素(html元素)
1128问题记录
typeof null的值
obj
a = 1;console.log(a++,++a)打印出
1 3
typeof undefined的值
undefined
typeof的结果是字符串
parseInt(“同学”) = ?
NaN
var a = [1,2,'haha',console.log] ; console.log(a[3]) 这个打印结果
a[3]("你试试代码") 结果?
“你试试代码”
数组是对象吗
数组是对象
1128问题记录-2
es6新增的东西
js new一个对象的过程
new这个关键字做的事情
js event loop是什么
事件循环
两栏布局
判断数据类型的方法
typeof能判断什么数据类型
typeof判断引用数据类型会出现什么情况