Nen 的回答 - 好学星城学习论坛

0 赞同

CSS选择器有哪些哪些属性可以继承？

CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child）可继承的属性：font-size, font-family, color 不可继承的样式：border, pa...

回答于 2021-12-04 11:38

0 赞同

margin和padding分别适合什么场景使用？

何时使用margin：需要在border外侧添加空白空白处不需要背景色上下相连的两个盒子之间的空白，需要相互抵消时。何时使用padding：需要在border内侧添加空白空白处需要背景颜色上下相连的两个盒子的空白，希望为两者之和。兼容性的问题：在IE5 IE6中，为float的盒子指定margin时，左侧的margin可能会变成两...

回答于 2021-12-04 11:37

0 赞同

png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了...

png是便携式网络图片（Portable Network Graphics）是一种无损数据压缩位图文件格式.优点是：压缩比高，色彩好。大多数地方都可以用。 jpg是一种针对相片使用的一种失真压缩方法，是一种破坏性的压缩，在色调及颜色平滑变化做的不错。在www 上，被用来储存和传输照片的格式。 gif是一种位图文件格式，以8位色重现真色...

回答于 2021-12-04 11:37

0 赞同

列举一些CSS框架？

Bootstrap：是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。 Layui：是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写...

回答于 2021-12-04 11:36

0 赞同

使用CSS Sprites的好处？

利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因； CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就...

回答于 2021-12-04 11:36

0 赞同

两栏布局的实现？

一般两栏布局指的是左边一栏宽度固定，右边一栏宽度自适应，两栏布局的具体实现：利用浮动，将左边元素宽度设置为200px，并且设置向左浮动。将右边元素的margin-left设置为200px，宽度设置为auto（默认为auto，撑满整个父元素）。 .outer { height: 100px;}.left { float: left; width: 200px; background: tomato;}.r...

回答于 2021-12-03 15:00

0 赞同

如何根据设计稿进行移动端适配？

移动端适配主要有两个维度：适配不同像素密度，针对不同的像素密度，使用 CSS 媒体查询，选择不同精度的图片，以保证图片不会失真；适配不同屏幕大小，由于不同的屏幕有着不同的逻辑像素大小，所以如果直接使用 px 作为开发单位，会使得开发的页面在某一款手机上可以准确显示，但是在另一款手机上就会失真。为了适...

回答于 2021-12-03 14:57

0 赞同

对Flex布局的理解及其使用场景？

Flex是FlexibleBox的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。行内元素也可以使用Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容...

回答于 2021-12-03 14:56

0 赞同

响应式设计的概念及基本原理？

响应式网站设计（Responsive Web design）是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。关于原理：基本原理是通过媒体查询（@media）查询检测不同的设备屏幕尺寸做处理。关于兼容：页面头部必须有mate声明的viewport。 meta name="’viewport’" content="”width=device-width," initial-scal...

回答于 2021-12-03 14:55

0 赞同

为什么需要清除浮动清除浮动的方式？

浮动的定义：非IE浏览器下，容器不设高度且子元素浮动时，容器高度不能被内容撑开。此时，内容会溢出到容器外面而影响布局。这种现象被称为浮动（溢出）。浮动的工作原理：浮动元素脱离文档流，不占据空间（引起“高度塌陷”现象）浮动元素碰到包含它的边框或者其他浮动元素的边框停留浮动元素可以左右移动，直到...

回答于 2021-12-03 14:53

3096 个回答