CSS3
Hello Simon
这个作者很懒,什么都没留下…
展开
-
div水平垂直居中方法汇总(共六种)
文章目录第一种第二种第三种第四种第五种第六种第一种绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平垂直居中方式1</title>原创 2020-06-30 23:31:17 · 15274 阅读 · 0 评论 -
CSS3新特性汇总
文章目录CSS3介绍CSS3选择器基本选择器层次选择器伪类选择器动态伪类选择器目标伪类选择器UI元素状态伪类选择器结构伪类选择器否定伪类选择器属性选择器W3Cschool几个例子CSS3盒模型CSS3背景和边框背景background-imagebackground-sizebackground-originalbackground-clipbackground边框border-radiusbox-shadowborder-image文字特效CSS3字体@font-face文字效果text-shadowte原创 2020-05-17 10:45:57 · 1630 阅读 · 0 评论 -
CSS之盒模型
文章目录理解盒模型的主要属性marginpaddingborder两种盒模型外边距折叠理解盒模型的主要属性盒模型主要包括了hegiht、width、padding、margin、border属性width和height分别表示一个盒子的宽度和高度。在标准盒模型中,宽度和高度就代表着图片的宽度和高度内边距(padding)就是图片与外边框(黑色)之间的粉红色区域,这样能避免图片与边框太过靠近边框(border)是每幅画的外框,也就是上图中的黑色区域外边距(margin)是用来限制盒子与盒子原创 2020-05-12 10:51:52 · 355 阅读 · 0 评论 -
Flex布局属性汇总
文章目录Flex布局弹性容器属性设置flex-direction属性flex-wrap属性flex-flow属性justify-content属性align-items属性align-content属性弹性盒子属性设置flex-grow属性flex-shrink属性flex-basis属性flex属性order属性align-self属性Flex布局弹性布局(Flex布局)是CSS3提出的一...原创 2020-04-26 14:53:27 · 709 阅读 · 2 评论