美文网首页微信小程序
学习前端css样式遇到的一个背景颜色问题记录

学习前端css样式遇到的一个背景颜色问题记录

作者: 可是你 | 来源:发表于2019-03-15 09:32 被阅读2次

css主要是用来控制网页显示样式的效果,纯html显示出来的很单调,跟黑白电视一样不好看,所以就有了css样式来决定网页显示的效果。最近在学习css的时候遇到一个背景颜色设置的问题,今天在这里小记一下方便以后查找。

样式设置了一个背景颜色,但是显示的高度不够,只是为什么了?我猜测应该是背景这一层是靠内部的元素来支撑背景的高度,实际第一层的高度没有那么高。所以直接设置背景颜色是不行的,既然背景么有那么高那我可以手动的设置一个高度看看效果?

添加了2000的高度就行了,但是这样写死的种感觉不对,这样写虽然手机没有2000那么高的,但是这个列表的数据可以滚动那应该怎么办了?肯定是高于2000千的。所以我们就的想别的办法了。

经过后面的检查,其实在我们这一层的最外面还有一层,所以我们的设置第一层的高度就行了。

大家可以看到最外层还有一层交page,在page里面才是我们自己写的页面,所以小程序默认给我们配置了一层,然后才是我们自己写的布局。所以我们只需要设置page的高度和背景颜色就行了。

这样设置就可以正常的显示了。

相关文章

  • 学习前端css样式遇到的一个背景颜色问题记录

    css主要是用来控制网页显示样式的效果,纯html显示出来的很单调,跟黑白电视一样不好看,所以就有了css样式来决...

  • 20170323-starbuzz 任务

    项目:前端 学习: 咖啡馆任务 利用css样式,设置边距,背景颜色,边框,字体 主要是 copy 书上的代码 反思...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • CSS

    css 也叫层叠样式表,用来设置网页中元素的样式。背景颜色 字体颜色 大小等等 基本语法:css的样式表由一个个的...

  • HTML

    一. CSS 1.CSS叫做层叠样式表,用来设置页面中元素的样式。背景颜色、字体颜色、字体大小2.CSS负责结构、...

  • day04

    1.CSS基本样式 1.1css背景 背景颜色:background-color背景图片:backgorund-i...

  • 2017-12-30-WEB预习第一天-CSS

    CSS叫做层叠样式表,用来设置页面中元素的样式。背景颜色、字体颜色、字体大小。CSS负责结构、表现、行为中的表现。...

  • 9.背景样式-CSS基础

    一、背景样式 在CSS中,背景样式包括两个方面:背景颜色、背景图片。在Web2.0 时代,对于元素的背景样式,我们...

  • 十四、CSS的背景

    一、CSS的背景 通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背...

  • CSS的引入方式

    CSS的简单样式:css设置元素的style属性 宽度:width高度:height背景颜色:background...

网友评论

    本文标题:学习前端css样式遇到的一个背景颜色问题记录

    本文链接:https://www.haomeiwen.com/subject/gwwkmqtx.html