前端初学问题合集（1）

城堡修炼者

于 2022-07-08 23:01:14 发布

阅读量161

点赞数

文章标签：前端 java 服务器

本文链接：https://blog.csdn.net/m0_51547272/article/details/125676347

版权

这篇合集记录我的前端初学遇到的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的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里获取的数据无法正确进行运算？