weixin_64195420的博客

一、已知宽高的水平垂直居中在这种情况下，其实就很好解决了，实例说明一下：html代码：<div class="wrap"> <div class="child">水平垂直居中</div></div>默认样式：.wrap{ width:400px; height:400px; border:1px solid red; margin:0 auto;}.child{ width:200px; height

媒体查询 【页面大小随着浏览器窗口而变化】// max-width：（ n px） 【浏览器窗口宽度小于n像素 进行里面操作】//min-width：(n px） 【浏览器窗口宽度大于n像素 进行里面操作】//【浏览器窗口宽度大于等于600 小于等于1000 的时候 进行操作】理想视口 em 和 rem在css中单位长度用的最多的是px、em、rem，这三个的区别是:1px是固定的像素，一旦设置了就无法因为适应页面大小而改变。2 em和rem相对于...

flexflex order 属性// order 属性 定义项目的排列顺序。数值越小，排列越靠前，默认为0align-self属性 【允许单个项目与其他项目不一样的对齐方式】align-self：flex-start；【单个水平居上对齐 默认水平对齐方式】align-self: flex-end;【单个水平居下对齐 】 align-self: center;【单个水平居中对齐】align-self: stretch;【单个水...

弹性布局语法：display:flex;【块级元素】 display：inline-flex；【行内元素】flex-direction row【水平垂直方向】// row 默认效果【从左到右排序】// row-reverse 改变方向【从右到左排序】flex-direction column【垂直方向】// column 默认效果【从上到下排序】// column-reverse 改变方向【从下到上排序】...

透明度 opacityopcaity：x x值为 0~1 ，值越小越透明 （0表示透明，1表示原度）transitiontransition-property 过渡的名字transition-duration 完成过渡所需要的时间transition-timing-function 指定过渡函数（匀速 慢速）transition-delay 过渡开始出现的延迟时间transition:[ transition-property transition-duration tra...

动画 平移translate(tx,ty) 平移前 平移后// translateX(n) 向X轴平移N个像素// translateY(n) 向Y轴平移N个像素动画 放大scale //scaleX(N) 向X轴缩放N倍 // scaleY（N）向Y轴缩放N倍 //scale(N) X轴和Y轴都缩放动画 平移skew ...

浮动left 在左侧不允许浮动元素right 在右侧不允许浮动元素both 在左、右两侧不允许浮动元素none 默认值。允许浮动元素出现在两侧

css 渐变线性渐变—Linear Gradients颜色沿着一条直线过渡：从左到右、从右到左、从上到下等// background:linear-gradient( position, color1, color2,…)【position 渐变方向 color1第一种颜色 color2 第二种颜色.... (不给方向 默认是从上到下 )】to bottom 从上到下to right 从左到右to topleft 从右下角到左上...

盒子圆角边框// border-radius: (顺时针设置 左上角 右上角 右下角 左下角)【值越大 角度越大】// border-radius:20px；(一个值表示【四个角都是一样的模样】)// border-radius:20px 50px；(两个值表示【右上角和左下角圆角大小】)// border-radius:20px 50px 30px；(三个值表示【第一个表示 左上角圆角 第二个表示 右上角和左下角圆角大小 第三个值表示 右下角大小 】)圆形利用border.

内边距padding 属性/* 上内边距增加50px */ padding-top:50px;/* 右内边距增加50px */ padding-right:50px;/* 下内边距增加50px */ padding-bottom: 50px;/* 左内边距增加50px */ padding-left:50px;/* padding设置一个值 表示上 右 下 左 内边距全部增加50px *//* padding:50px; *//* 上下 内边距的大小为50px 左右内边距的大小.

CSS的高级选择器 层次选择器 后代选择器 子选择器 相邻兄弟选择器 通用兄弟选择器 属性选择器 E[attr] 选择匹配具有属性attr的E元素 E[attr=val] 选择匹配具有属性attr的E元素,并且属性值为val（其中val区分大小写） E[attr^=val] ...

input类型用户框：// input 默认是text maxlength 表示可输入的最大字符数// size 表示表单的初始元素 name 表示表单元素的名称 value 表示初始值（type值为radio 必须指定一个值）密码框： //密码框 类型为password 密码框里面内容是加密的单选框： //密码框 类型为radio radio单选框的value值一般用英文表示 checked 表示单选按钮选中状态 可以给...