css
ZZZ --- jh
这个作者很懒,什么都没留下…
展开
-
详解 弹性盒子
弹性盒子 定义 : 是由弹性容器和弹性子元素组成 display:flex; 弹性容器是 设置display属性的值位flex或inline-flex.包含一个或多个弹性子元素 flex-direction 属性 flex-direction 属性指定了弹性子元素在父容器中的位置 语法 flex-direction : row | row-reverse | column | column-reverse flex-direction的值有: row:横向从左到右排列(左对齐),默认的排列方式。 r原创 2020-09-21 09:19:36 · 454 阅读 · 0 评论 -
过渡,动画与转换
***过渡 transition transition 检索或设置过渡效果 transition-property 指定过渡的属性 transition-duration 指定过渡的时间 transition-timing-function 过渡效果 linear 规定以相同速度开始至结束的过渡效果 ease 规定从慢速开始.然后变快原创 2020-09-21 09:00:15 · 321 阅读 · 0 评论 -
边框,多层背景,内补白与外补白
边框 边框线厚度 border-width 边框线颜色 border-color 边框线样式为虚线 border-style:dashed; 边框圆角 border-radius 总写 : box-shadow: 10px 10px 10px 30px pink inset; 解 释 水平位置 垂直位置 模糊度 阴影尺寸 阴影颜色 阴影位置 边框上下左右 边框线的粗细 border-top-width:20px; &nb原创 2020-09-15 14:12:00 · 258 阅读 · 0 评论 -
css 属性
a标签(伪类选择器) 未激活的状态 a : link{ color:pink; }; 激活后的状态 a : visited{ color:red; }; 鼠标悬浮时的状态 a : hover{ color:green; }; 鼠标按住时的状态 a : active{ color:cyan; }; 字体属性 字体大小 font-size 字体加粗 font-weight (bold 加粗) 字体斜科 font-family:'楷体'; 字体样式原创 2020-09-15 09:19:15 · 241 阅读 · 0 评论 -
过渡与动画
***过渡 transition transition 检索或设置过渡效果 transition-property 指定过渡的属性 transition-duration 指定过渡的时间 transition-timing-function 过渡效果 linear 规定以相同速度开始至结束的过渡效果 ease 规定从慢速开始.然后变快原创 2020-09-18 14:26:26 · 199 阅读 · 0 评论 -
定位及overflow
定位 定位 内容 静态定位 position:static; 固定定位 position:fixed; 相对定位 position:relative; 绝对定位 position:absolute; 粘性定位 position:sticky;原创 2020-09-17 10:22:38 · 297 阅读 · 0 评论 -
CSS 选择器
CSS选择器基本选择器层级选择器属性选择器伪元素选择器结构性伪类选择器 基本选择器 基本选择器 解释 Id选择器 #选择器(id的属性值) Class选择器(类选择器) .选择器(class的属性值) 标签选择器 标签名作为选择器 *(通配符选择器) 匹配所有 层级选择器 层级选择器 解释 组合选择器 div,p 包含选择器 div.p 父子选择器 div>p 兄弟选择器 div~p 紧贴在div后的p标签 div+p 属性选择器 1原创 2020-09-14 19:03:56 · 213 阅读 · 0 评论 -
CSS 初识
CSS 初识**HTML导入CSS的三种方式 : 简介 : css指层叠样式表(Cascading Style Sheets) 增强控制网页样式,并且将样式与网页分离的一种标记语言 块儿状元素 : 独占一行,可设置宽高属性 例: <div> <p&g原创 2020-09-14 14:19:56 · 334 阅读 · 0 评论