
css
文章平均质量分 54
地中海真帅
一个工作的小萌新,以后IT界的精英(滑稽)
展开
-
flex 弹性盒子布局
是什么:Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。优点:flex布局也叫弹性布局,可以简便、完整、响应式地实现各种页面布局注意:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。常用属性:flex-direction:设置主轴的方向row 默认值从左到右row-reverse 从右到左column 从上到下column-reverse 从下到上ju原创 2021-06-05 15:58:50 · 309 阅读 · 0 评论 -
小方块万能居中方法(任何分辨率下都能居中)
不说废话直接看代码都是干货<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-06-03 20:19:57 · 416 阅读 · 0 评论 -
js轮播图(点击图片切换 定时器效果)
轮播效果:点击上一页,下一页切换图片,设置定时器每过两秒进行自动切换不说别的直接上代码<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> div.show{ width:600px; height:400px; border:2px solid red;原创 2021-05-28 10:47:13 · 1690 阅读 · 0 评论 -
最近超火的公司前端面试题
前端面试题:一个200*200的div在不同分辨率屏幕上下左右居中,用css实现div{position: absolute;width: 200px;height: 200px;left: 50%;top: 50%;margin-left:-100px;margin-top: -100px;background-color: turquoise;}写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适应宽,要求先加载中间块,请写出结构及样式:转载 2021-05-21 20:13:20 · 1133 阅读 · 0 评论