
CSS布局
文章平均质量分 60
CSS布局
youhebuke225
这个作者很懒,什么都没留下…
展开
-
CSS项目之目录
css布局目录原创 2022-07-14 09:22:44 · 650 阅读 · 0 评论 -
滚动条与盒子的宽度
如果盒子出现滚动条,那么滚动条的回占盒子宽高的一部分。原创 2022-09-23 11:22:08 · 456 阅读 · 0 评论 -
css效果之吸顶效果
width;height;border;overflow;position;top;;}原创 2022-09-21 09:42:31 · 8906 阅读 · 0 评论 -
CSS中的那些百分比
文章目录宽高定位translatehttps://www.runoob.com/w3cnote/css-percentage-calculation.html宽高定位translate在translate中使用的百分比,他是根据元素自身的大小来进行计算的<html lang="en"><head> <title>Document</title> <style> body{原创 2022-02-27 14:51:09 · 936 阅读 · 0 评论 -
元素垂直居中的几种方法
html<div id="parent"> <div id="childOne"> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> 1<br> </div> <div id="chil原创 2022-02-25 09:23:32 · 959 阅读 · 0 评论 -
圣杯布局与双飞翼布局详解
简介圣杯布局和双飞翼布局两者是差不多的,最早来自 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》在国内则是由淘宝UED的工程师(玉伯大大)对圣杯布局改进并传播都是为了实现一个两侧宽度固定,中间宽度自适应,且中间栏要先渲染的三栏布局圣杯布局圣杯布局的特点三栏布局,搜需要使用浮动因为中间栏要自适应,且要首先渲染,所以要宽度100%,且要排在第一个<style type="text/css"> * {原创 2020-06-27 23:01:25 · 824 阅读 · 0 评论 -
手写一个3D轮播图
1 搭结构1.1 基本结构无论3d还是2d轮播图的结构都是相同的,并引入以写图片 <section class="wrapper"> <ul class="carousel"> <li><img src="./images/1.jpg" alt=""></li> <li><img src="./images/2.jpg" alt=""></li> <li><img原创 2020-06-24 17:53:11 · 458 阅读 · 0 评论 -
CSS属性使用反思
浮动使用浮动后进行垂直居中当我们使用浮动后,对于元素进行垂直居中,有时候可能不太好办html<div class="box"> <span class="one">1</span> <span>2</span> <span class="three">3</span></div>css.box { border: 1px solid black; padding: 20px 0;原创 2020-06-18 22:43:43 · 272 阅读 · 0 评论 -
小白都能做到的使用css如何让一个盒子沾满剩余的空间
css如何让一个盒子沾满剩余的空间前提html<div class="app"> <div class="header"></div> <div class="content"></div> </div></div>css*{ margin: 0; padding: 0;}html,body{ height: 100%;}.app{ width: 100%; height: 100%;原创 2020-06-02 01:08:03 · 6965 阅读 · 0 评论 -
常用CSS垂直居中方案
这里写目录标题常用CSS垂直居中方案1. 水平居中1.1 内联元素的水平居中1.2 块元素的水平居中1.3 多个元素的水平居中1.3.1 变为行内块元素1.3.2 使用flex2. 垂直居中2.1 内联元素的垂直居中1..1 使用`line-height`常用CSS垂直居中方案1. 水平居中1.1 内联元素的水平居中父元素要求内敛元素想要水平居中的话,父元素一定是一个块元素块元素具有一定的宽度一般在文档流中,父元素一定是具有宽度(宽度要大于子元素)的脱离文档流后,父元素有被撑开的宽度也可原创 2020-05-27 16:35:56 · 295 阅读 · 0 评论