这篇合集记录我的前端初学遇到的sb问题,如果看到的人也遇到同样的问题,希望能帮到你。
1.布局的问题,如何把一个盒子移到我想要的地方?
可以利用margin(外边距)或者是padding(内边距)来进行布局。Margin针对的是两个不是从属关系的盒子,而padding则是针对属于从属关系的盒子。
2.如果你经常看到你明明写对了效果方法,但是就是在网页上呈现不出来,那就是因为你的语法做了,例如div:first-child 这里,冒号要紧跟着div,first紧跟着div。一些空格的位置十分关键。空格的关键位置有(css中)要不然很可能显示不出来效果,这是新人常常犯的错误。
每个设置的后面要空格,例如div {} .xxx {}
3.如何实现文字居中效果?
在行内块元素中,行高等于盒子高,就可以让文字居中了。即如果div的height是50px,那么line-height=50px,就可以了,
4.css具有层叠性,继承性
5.在纠结为什么单根线的边框效果出现了这样子?解决方法:
<table cellspacing="0" cellpadding="0">
以及在table的css中添加:border-collapse: collapse;
6.盒子布局问题,如何让搜索框,input跟ul在同一行?
经常利用float:left; 将是将它们浮动起来
7.设置内边距,为什么没有发生变化?
因为我是对盒子的类设置的,设置内边距要对盒子设置,而不是盒子的类。
8.如何利用外边距实现盒子居中
- 块级元素
- 盒子指定了宽度
- 然后magin: 任意px auto(上下指定px,左右就auto了)
9.父子类盒子解决子类盒子无法在父类盒子移动问题
- 设置边框
- 在父类盒子设置内边距,因为其实子类盒子相当于内容
9.如何保证盒子的宽度不变,但是又要加padding值
就是让原盒子宽度width-padding值就是实际的width设置值。但如果你一开始没有设置width和height,加入padding就不会有影响。
10.如何去掉无序列表前的圆点
list-style: none;
11.如何清除浮动?
- 额外标签法,在已经有浮动的盒子下面加个空标签。然后设置css,clear:both
- 给父级元素添加:overflow:hidden (原理就是触发了BFC)
- 使用after伪元素:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
/* 为了防止某些浏览器版本识别不出来,再加上下面这个 */
.clearfix {
*zoom:1;
}
(4)双伪元素清除:
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
12.如果你在做css布局的时候发现怎么使盒子float都无法移动到你想要去的位置,可能是:
(1)你的布局结构出了问题,去html那里看结构问题
(2)语法问题
13.Js是什么?
js是一种运行在客户端的脚本语言。
14.Js由什么组成
ECMAScript,Dom(文档对象模型,接口)BOM(浏览器对象模型)
15.变量不声明直接使用可以吗?
可以,但是这个变量是会成为全局变量的。
16.如何获取字符串的长度?
使用length获取
17.为什么你从prompt里获取的数据无法正确进行运算?
因为你从这里取出来的是字符串类型,所以你要用parseFloat将它转换
18.如何创建对象?
- 对象字面量 {} 每个间断是,
- 利用new Oject var 对象名 = new Object(); 每个间断是;
- 批量创建对象:构造函数,名字首字母要大写
19.调用对象的属性?
- 对象名.属性名
- 对象名[‘属性名’]
20.使用对象的方法?
对象名.方法()