css3
文章平均质量分 56
后栀
这个作者很懒,什么都没留下…
展开
-
小dome
搜索框<!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"> <title&g原创 2021-04-12 21:16:45 · 89 阅读 · 0 评论 -
小练习
css三角应用<!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"> <titl原创 2021-02-20 16:03:12 · 65 阅读 · 0 评论 -
rem适配布局
rem适配布局rem单位rem是一个相对单位,类似于em,em是父元素字体大小,而rem单位的基准是相对于html元素的字体大小。它的优点是可以通过html林、面的文字来改变页面中元素的大小,可以整体控制。媒体查询@media可以针对不同的屏幕尺寸设置不同的样式关键字将媒体类型或多个媒体特征连接到一起为媒体查询的条件and 多个条件连接到一起,相当于“且”的意思not:排除某个某体类型,相当于“非”的意思only 指定某个媒体了类型媒体特征值解释说明wid原创 2021-03-20 23:06:01 · 244 阅读 · 0 评论 -
flex布局
FLEX弹性布局为盒装模型提供最大的灵活性,任何一个容器都可以指定为Flex布局。当我们为父元素设为Flex布局后,子元素的float、clear和vertical-align属性将失效**布局原理:**通过给父盒子添加flex属性,来控制子盒子的位置和排列方式给父元素设置的属性1.flex-direction 设置主轴方向默认为:属性值:值说明row从左到右(默认值)row-reverse从右到左column从上到下column-rever原创 2021-03-20 22:33:05 · 227 阅读 · 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"> <tit.原创 2021-03-17 18:33:29 · 78 阅读 · 0 评论 -
2021-02-20
css3 过渡transition:想要过渡的属性 花费时间(单位为秒(必带)) 运动曲线 何时开始属性:想要过渡的css属性,如宽度、高度、颜色等,如果想要属性都变化写一个all即可。运动曲线:默认是ease(可以省略)运动曲线意义linear匀速ease逐渐慢下来ease-in加速ease-out减速ease-in-out先加速后减速何时开始:可以设置延迟触发时间,默认为0秒(可省略)<!DOCTYPE html><原创 2021-02-20 17:46:12 · 63 阅读 · 0 评论