2501_90993937的博客

原创 【无标题】

* 缩小比例:空间不足时 1:默认值,即等比例缩小 0:设置为0的项目不缩小,其他等比例缩小,不能为负数 *//* 项目的排序:值越小越靠前,默认值0,取整数(可以为负数) */n:单独给某一个项目设置为n，则这个项目放大的比例是其他n倍*/0:默认值,存在剩余空间时也不放大。1:所有盒子设为1则等分剩余空间。

原创 flex布局

* 子项目在主轴上的对齐方式:1.沿主轴的开始位置对齐 *//* 决定是否换行:nowrap:不换行 wrap:换行 *//* 2.沿主轴的结束位置对齐 *//* 1.沿交叉轴的开始位置对齐 */align-content: flex-start;/* 沿交叉轴的开始位置对齐 */align-content: flex-end;/* 2.沿交叉轴的结束位置对齐 *//* 拉手对齐,环绕对齐 *//* 2.沿交叉轴的结束位置对齐 *//* 居中对齐 *//* 子项目交叉轴上的对齐方式 */

原创 透视111

透视

原创 项目1111

前</div><div class="box2">后</div><div class="box3">左</div><div class="box4">右</div><div class="box5">上</div><div class="box6">下

原创 动画 1111

动画

原创 轮播图 1

<style>.box{0,23%{27%,50%{53%,75%{80%,100%{</style>

原创 过渡

过渡

原创 转换

* 元素转换的中心点:px % 方位词(left right top bottom center) */1.位移：translate（x,y）位移，translateX:X轴位移。4.旋转：rotate(deg)、rotateX（）、rotateY（）/* 多个转换同时进行:位移同时旋转,一般把位移写在第一个 */从左往右和从上往下为正数、从右往左和从下往上为负数。2.缩放：scale（倍速）、scale（x,y）3.倾斜：skew（度deg）、skew(x,y)n>1(放大)、0<n<1(缩小)

原创 背景颜色布局

* background-attachment是指背景图片是固定在某个位置还是跟着页面一起滚动 *//* background-size:设置背景图片大小 *//* 1.水平风向:repaat-x *//* 2.垂直方向:repaat-y *//* 3.不平铺:no-repaat *//* 第一种:两个参数 宽 高 */<p>健康的</p ><p>健康的</p ><p>健康的</p ><p>健康的</p ><p>健康的</p ><p>健康的</p ><p>健康的</p ><p>健康的</p >

原创 浮动 111

原创 元素显示模式

【代码】元素显示模式。

原创 盒子模型

原创 盒子模型

盒子模型

原创 CSS选择器

王者荣耀</a><a href="www.mi.com">小米官网飞流直下三千尺

原创 css:层叠样式表

飞流直下三千尺

原创 表单标签

职场人</span><input type="radio" name="sf"/><span>学生</span><input type="radio" name="sex"/><span>男</span><input type="radio" name="sex"/><span>女

原创 表格标签

中小100</td>--border:边框--><td>深证成指</td><td>创业扳指</td><td>恒生指数最新价</th><th>名称

原创 常用标签1

常用标签

原创 图片标签

1。

原创 链接标签

a href="login.html">点击进入登录页面</a ><h2 id="top">回到这个位置</h2>--锚点链接：发生同一个页面的链接跳转--><a href="#top">回到顶部</a ><a href="#">点击进入注册</a >--href属性：a标签的链接地址-->--标签的属性：一般在开始标签中--><a href=" ">小米官网</a >--连接标签、图片标签-->--链接到其他的页面-->--链接到一个网址-->--空连接: #-->

原创 课堂笔记（标签）

【代码】课堂笔记（标签）