css
ZZZ --- jh
这个作者很懒,什么都没留下…
展开
-
详解 弹性盒子
弹性盒子定义 : 是由弹性容器和弹性子元素组成 display:flex;弹性容器是 设置display属性的值位flex或inline-flex.包含一个或多个弹性子元素flex-direction 属性flex-direction 属性指定了弹性子元素在父容器中的位置语法flex-direction : row | row-reverse | column | column-reverseflex-direction的值有:row:横向从左到右排列(左对齐),默认的排列方式。r原创 2020-09-21 09:19:36 · 408 阅读 · 0 评论 -
过渡,动画与转换
***过渡 transitiontransition 检索或设置过渡效果transition-property 指定过渡的属性transition-duration 指定过渡的时间transition-timing-function 过渡效果 linear 规定以相同速度开始至结束的过渡效果 ease 规定从慢速开始.然后变快原创 2020-09-21 09:00:15 · 311 阅读 · 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 · 248 阅读 · 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 · 235 阅读 · 0 评论 -
过渡与动画
***过渡 transitiontransition 检索或设置过渡效果transition-property 指定过渡的属性transition-duration 指定过渡的时间transition-timing-function 过渡效果 linear 规定以相同速度开始至结束的过渡效果 ease 规定从慢速开始.然后变快原创 2020-09-18 14:26:26 · 188 阅读 · 0 评论 -
定位及overflow
定位定位内容静态定位position:static;固定定位position:fixed;相对定位position:relative;绝对定位position:absolute;粘性定位position:sticky;原创 2020-09-17 10:22:38 · 291 阅读 · 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 · 209 阅读 · 0 评论 -
CSS 初识
CSS 初识**HTML导入CSS的三种方式 :简介 :css指层叠样式表(Cascading Style Sheets)增强控制网页样式,并且将样式与网页分离的一种标记语言块儿状元素 : 独占一行,可设置宽高属性 例: <div> <p&g原创 2020-09-14 14:19:56 · 324 阅读 · 0 评论