摘要：
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>作业</title> <link rel="stylesheet" type="text/css" href="css/10.23zy.css"/> </head> <bo 阅读全文
posted @ 2019-11-03 18:24
xiren88
阅读(155)
评论(0)
推荐(0)
摘要：
1.三角 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #sj{ width: 0px; border:100px solid transparent; 阅读全文
posted @ 2019-11-03 18:09
xiren88
阅读(383)
评论(0)
推荐(0)
摘要：
定义为弹性盒子 display: flex;考虑浏览器兼容问题 弹性子元素在父容器中的位置排列（横向、纵向） flex-direction row：横向从左到右排列（左对齐），默认的排列方式。 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。 column：纵向排列。 阅读全文
posted @ 2019-11-03 16:00
xiren88
阅读(165)
评论(0)
推荐(0)
摘要：
动画 1、@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果 2、使用animation进行动画捆绑。两个值：动画名称、时长 3、我们一般情况下使用0%~100%来规定动画发生的时机。或者使用关键词from...to...，效 阅读全文
posted @ 2019-11-03 15:18
xiren88
阅读(189)
评论(0)
推荐(0)
摘要：
边框 盒子圆角 border-radius：5px / 20%； border-radius:5px 4px 3px 2px; 左上，右上，右下，左下 盒子阴影 box-shadow：box-shadow:x轴偏移量 y轴偏移量 阴影模糊半径(阴影颜色的模糊程度) 阴影扩展半径 阴影颜色 投影方式 阅读全文
posted @ 2019-11-03 14:09
xiren88
阅读(391)
评论(0)
推荐(0)
摘要：
边框 盒子圆角 border-radius：5px / 20%； border-radius:5px 4px 3px 2px; 左上，右上，右下，左下 盒子阴影 box-shadow：box-shadow:x轴偏移量 y轴偏移量 阴影模糊半径(阴影颜色的模糊程度) 阴影扩展半径 阴影颜色 投影方式 阅读全文
posted @ 2019-11-03 14:07
xiren88
阅读(156)
评论(0)
推荐(0)
摘要：
大小 width：宽度 height：高度 背景 background-color 背景色 background-image 背景图片 background-repeat 背景平铺方式 background-size 背景尺寸 background-position 背景位置 字体 font-fam 阅读全文
posted @ 2019-11-03 12:42
xiren88
阅读(146)
评论(0)
推荐(0)
摘要：
.class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有<div>元素和<p>元素 阅读全文
posted @ 2019-11-03 11:20
xiren88
阅读(205)
评论(0)
推荐(0)
摘要：
给链接定义样式 • 有四个伪类可以让你根据访问者与该链接的交 互方式，将链接设置成4种不同的状态。 • 正常链接 – a:link • 访问过的链接– a:visited（只能定义字体颜色） • 鼠标滑过的链接– a:hover • 正在点击的链接– a:active 其他 • 获取焦点– :foc 阅读全文
posted @ 2019-11-03 11:10
xiren88
阅读(146)
评论(0)
推荐(0)
浙公网安备 33010602011771号