![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
zb0002011
这个作者很懒,什么都没留下…
展开
-
ul左边padding-inline-start: 40px;多出宽度和高度
这个问题困扰了好久,这里做一统计。可以在ul的父元素样式中设置padding-inline-start: 0; 即可。原创 2020-08-06 16:24:27 · 928 阅读 · 0 评论 -
图片和文字如何显示在一行并垂直对齐
<div class="mainContain"> <img src=""> <div class="textDescription"> <span class="baseInfo"> 张三 </span> <span class="positionInfo"> 部门-职务 </span> </div><div>less 内容 ...原创 2020-08-05 16:53:30 · 513 阅读 · 0 评论 -
margin为负值详解
一、对元素自身的影响1.margin-left,margin-right为负值1)元素本身没有宽度,会增加元素宽度<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证</title> <style type="text/css"> *{原创 2020-07-31 10:25:31 · 281 阅读 · 0 评论 -
html+css实现登录界面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- 引入图标和页面css文件 --> <link rel="stylesheet" href="icon.css"> <link rel="stylesheet" href="login.css"> <title>LOGIN...原创 2020-07-30 18:25:41 · 1172 阅读 · 0 评论 -
justify-content: space-between 对齐问题
1、css使用了justify-content: space-between2.、jsx3、得到结果:4、现需要中间列左对齐5、修改后页面为:如果需要对span进行对齐操作:首先必须设置宽度和display:inline-block,然后在设置text-align。...原创 2020-06-16 18:56:13 · 3520 阅读 · 0 评论 -
CSS 居中汇总
1、水平居中1.1 text-align:center<style> #father { width: 500px; height: 300px; background-color: skyblue; text-align: center; }</style> <div id="father"> <span id="son">我是行内元素</s...转载 2020-05-24 21:41:12 · 134 阅读 · 0 评论 -
如何和何时使用CSS的!important
如何和何时使用CSS的!important让我们来看一下!important是什么,以及在什么时候使用,如果你遇到类似情况,你就应该使用它。层叠的概述在我们对!important的正确用法进行探讨之前,让我们为本节的内容做个铺垫。之前,Smashing Magazine已经对CSS权重进行过深入的阐释。所以,如果你想详细了解CSS的层叠和权重关系就请读读这篇文章。CSS权重...原创 2020-03-27 11:15:03 · 483 阅读 · 0 评论 -
浏览器对 CSS3 特性的兼容情况如何
CSS3 带来众多全新的设计体验,但有一个问题值得考虑:浏览器对 CSS3 特性的兼容情况如何?因为页面最终离不开用浏览器来渲染,并不是所有浏览器都完全支持 CSS3 的特性。有时花时间写的效果只能在特定的浏览器下有效,这意味着只有部分用户才能欣赏到,这样的工作变得没有什么意义。例如,使用 CSS3 制作背景仅在 Webkit 内核的浏览器下有效果。想知道用户能够体验到哪些 CSS3的 新特性...原创 2020-03-27 10:45:50 · 315 阅读 · 0 评论 -
px、em、rem区别介绍
PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内...原创 2019-11-02 18:16:38 · 120 阅读 · 0 评论 -
相对定位relative
相对定位:relative 设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置(top/bottom,right/left),让这个元素“相对于”它的起点进行移动。注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素...原创 2019-10-27 17:16:12 · 426 阅读 · 0 评论