各种问题记录

目录

1.三大主流选择器

是什么

排列优先级

用什么表示(写法)

列举其他选择器的表示方法

2.CSS样式表达形式

常用的三种和优先级(权重)

3.什么是盒模型

组成部分

4.position定位有哪些属性

属性的区别(怎么用)

说出三个以上垂直水平居中的例子

5.文字内容过多,省略号显示的写法

6.什么是自适应,什么是响应式

区别是什么

7.什么是媒体查询

如何表示

8.Rem em 分别表示什么意思

他们区别是什么


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判断引用数据类型会出现什么情况

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值