CSS
文章平均质量分 64
WionWan
在路上
展开
-
块级元素和行内元素的区别
干货: 块级元素和行内元素的区别,感兴趣的收下吧。 块级元素行级元素标签div,p,form,ul,ol,li等span,strong,em等是否独占一行独占一行,默认情况下其宽度自动填满其父元素宽度。相邻行内元素会排列在同原创 2015-03-03 22:19:31 · 437 阅读 · 0 评论 -
CSS实现不同情况下的居中
看到影哥空间更新,留作收藏备用 1. 文本,图片等行内元素的居中(注意这里,父元素的宽度和高度都是已知的): 给父元素设置 text-align:center可保证水平居中, 设置line-height与父元素的height一样即可设置垂直居中中. 例程: .wrap{background:#000; width:500px;height:100px;原创 2015-03-03 22:17:39 · 386 阅读 · 0 评论 -
常用的CSS属性。备查
在网上收集了一些常用的css属性,觉得很实用,收藏,以备用!01. CSS背景属性(Background)属性与描述background:在一个声明中设置所有的背景插件1background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动1background-color:设置元素的背景颜色1background-image:设置元素的背景图像原创 2015-03-03 22:16:10 · 411 阅读 · 0 评论 -
最近做网页前端项目时遇到的一些问题以及解决方案
这几天和同学一起接了老师布置的两个网页项目,虽然只做前端静态页面,但是真正实践的时候我发现有些东西还是要用一用,出点错才能记得解决方案。第一个:设置宽屏效果 当我们需要顶部的banner横向充满整个屏幕以显示宽屏效果时 我们会把这个banner的width设置为100%, 于是问题出现了,我们发现边上会有一些边距,想这样 出现这种问题我们需要在CSS的body中设置两个属性: m原创 2015-04-23 23:27:34 · 17231 阅读 · 2 评论 -
理解CSS常见的px/em/rem/vh/vw尺寸单位
最近在做手机端和PC端的项目,用到了CSS单位的问题,于是想着空下来把CSS单位部分的知识自己写写CSS梳理一下;CSS中常见的单位px–最常见的,页面按照精准样式展示;属于绝对单位;em–基准点为父节点字体的大小,如果自身定义了font-size按自身来计算;也就是说这个em不是一个固定值,属于相对单位;rem–相对单位,r可以看作为 ”root“,结合em,理解为相对根节点HTML的...原创 2019-03-25 22:20:24 · 715 阅读 · 0 评论 -
上下左右垂直居中的几种方式
今天居中,顺便捋一捋几种方式吧flex 方式给父级设置justify-content: center;,并且设置所有子集的对齐默认方式align-items: center;;也可以给每个子集单独设置子集的对齐方式align-self: center;.farther{ height: 200px; width: 200px; border:1px solid ...原创 2019-09-08 15:38:27 · 2650 阅读 · 0 评论