TEtryandtry

CSS

git(5) HTML(7) javascript(14) mongodb(1) node(8) REACT(2) vscode(1) VUE(23) vue.js(3) word(1) 前端面试(3) 小程序代码报错(1) 小程序配置项(1)

/ 注册

全部文章 / CSS （共24篇）

css盒模型的讲解

css盒子模型 css盒模型本质上就是一个盒子，它包括外边距，边框，内边距，实际内容 margin 外边距外边距是透明的 border 边框 padding 内边距 content 内容盒子的宽 = 左外边距+边框*2+左内边距+内容+右边距+右外边距盒子的高，同理亦之切记，此处在...

2020-09-16

0 383

css的绝对定位和相对定位

css的绝对定位和相对定位 position有四个重要的值，static默认值，absolute和fixed统称为绝对定位,relative是相对定位一、relative relative是相对定位，意思就是相对于原来的位置移动了，元素设置了此属性之后仍然处在文档流（文档流指的是元素排版布局...

2020-09-16

0 634

关于清除浮动

关于清除浮动一、为什么要浮动我个人认为是为了页面的美观，方便布局，但是浮动是把双刃剑，有利也有弊二、什么时候需要清除浮动很多种原因。1.如果父元素没有设置高度，而子级元素设置了浮动，这样会导致父元素高度的坍塌。2.导致背景不能显示，如果对父级设置了背景属性，导致父级不能撑开，会影响到...

2020-09-16

0 430

css弹性布局

css弹性布局 display：flex是一种弹性布局方式，意思是让盒子保持最大的灵活性，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 1.flex-direction属性决定项目的方向,默认横向排列属性值描述 ...

2020-09-16

0 547

如何保持浮动层水平垂直居中

如何保持浮动层垂直水平居中 1、弹性盒子 display: flex; justify-content:center; /* 水平居中 */ align-items:center; /*垂直居中*/ 2、利用绝对定位与transform .parent{ posit...

2020-09-16

0 474

position和dispaly的用法

position和dispaly的用法 position static:默认值，没有定位 relative:没有脱离文档流，相对于原来它的位置做定位,原本占据的空间依然会保留 absolute:绝对定位，相对于离它最近的做过定位的祖先元素做定位。或者相对于html元素做定位 fixed:绝对定位...

2020-09-16

0 638

样式的层级关系，选择器优先级，样式冲突，以及抽离样式模块

样式的层级关系为了书写的美化，比如说ul 和li ，可以ul{}，li{}，也可以ul li{}，推荐使用后者选择器优先级！important>id选择器>类选择器>标签选择器,样式遵循就近原则，遵循后载入原则样式冲突遵循上面抽离样式模块 {paddi...

2020-09-16

0 438

css3动画效果属性

1、transition：平衡过渡 transition简写属性，transition{transition-property，transition-duration，transition-timing-function，transition-delay} transition-propert...

2020-09-16

0 415

css3新增伪类

属性值含义 p:first-of-type 选择的是p元素的父级里子级的第一个p元素 p:last-of-type 选择的是p元素的父级里子级的最后一个p元素 p:only-of-type 选择的是p元素的父级里...

2020-09-16

0 446

px和em和rem的区别

1、px实际上就是像素，与物理像素有一定的区别，用px设置字体大小，比较精确，但是有缺点，当浏览器页面缩放时，px并不能跟随变大。当前网页的布局就会被打破。 2、em是根据基准来缩放字体的大小。em是相对单位，一般都是以<body>的字体大小作基准的。em是相对于父元素的属性来计算的，这...

2020-09-16

0 466