- 博客(4)
- 收藏
- 关注
RSS订阅原创 CSS中2D、3D变换及过渡
一、精灵图1.原理：通过调整背景图的background-position实现。2.方法步骤：效果图：二、过渡：transition1.语法格式：2.书写位置：三、2D缩放及位移1．2D缩放：transform: scale(0.5)书写格式：2．平移：transform: translate(100%,100%)书写格式：四、绝对定位和平移的居中方式示例：效果图：五、2D旋转：transform: rotate1.语法格式：2.设置旋转中心点：transform
2020-11-17 20:13:14
92
原创 CSS定位
一、 浮动和定位的区别：浮动：为半脱离文档流，虽然浮动但不脱离父框，仍占据位置，受其它元素影响，并且多个浮动元素会按顺序排列。脱离文档流是完全脱离父框，变性为行内块元素。定位：除相对定位外，其它定位均完全脱离标准文档流浮动回顾：二、 固定定位：Position：fixed释义：相对浏览器或position值非static的定位（static: 默认值“0”即取消定位）用法步骤及案例：三、 相对定位：positiong: Relative释义：相对与自己原来的位置定位，进行位置的调整，不脱
2020-11-11 20:32:57
252
原创 文本基本样式及盒模型
一、文本基本样式1.行高:line-height行高：即 一行文字实际占用高度，参照上图理解区分行高和行距。取值方式：PX、百分比（按照默认/继承的字体大小取值），取值通常取偶数。基线对齐 ：vertical-align: bottom**特殊用法：通过将行高设置为盒子高度，可使单行文字垂直居中。2.字号:font-size常见取值方式3.字体：font-family1）取值方式：数字：100-900；单词：lighter变细，normal正常,bold加粗,bolder更粗，obli
2020-11-09 21:03:57
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人