![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web笔记
麻瓜呀
前端小小白
展开
-
vue3框架腾讯地图v1版项目-MultiMarker点标记自定义样式和图片的写法
腾讯地图v1版 MultiMarker点标记功能中的样式应用, 更换点标记的图片等方法原创 2024-06-06 15:03:41 · 464 阅读 · 0 评论 -
移动端登录页面(2)-less样式结构练习
步骤二 : less样式结构@import url(./base.less); /* 引入全局样式 */body { background: url('../images/bg.png') no-repeat top / 10rem;}.layout { .box { width: 8.5rem; height: 10.5rem; background-color: #fff; margin: 5rem auto 0; border: 1px so原创 2022-03-10 18:51:35 · 1519 阅读 · 0 评论 -
移动端登录页面-(1)HTML结构搭建练习
目标: 利用css样式布局, 实现登录页面效果效果图:步骤一: 搭建html结构<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-sc原创 2022-03-10 18:48:53 · 4037 阅读 · 2 评论 -
CSS(flex布局)
CSS(flex布局)移动端网页布局一般用Flex布局模型一. Flex的优势和特点浏览器提倡的布局模型,页面渲染性能高布局简单、方便避免浮动脱标的问题兼容性较高(不兼容低版本浏览器)二. 组成部分弹性容器(父级, 添加display:flex的盒子)弹性盒子(子级)主轴(默认水平)侧轴(默认垂直)三. 主轴对齐方式使用justify-content调节元素在主轴的对齐方式justify-content: 属性值属性值作用flex-start默认值原创 2022-03-05 19:40:16 · 168 阅读 · 0 评论 -
CSS 文字限制换行加溢出显示为省略号
/* 存放两行文字溢出显示为省略号 */.twoLine { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}原创 2022-03-05 19:20:05 · 133 阅读 · 0 评论 -
字体图标, 平面转换, 背景渐变
一. 字体图标优点:本质是文字, 缩放不失真, 可任意改变图标颜色;轻量级, 降低服务器压力;简洁的小图标都可以用字体图标;可用外链接在线图标库, 不用将图标的资源文件下载到本地, 减少本地项目的体积,为以后的项目上线打包做准备二. 平面转换 transform平移transform:translate取值:可以正负具体的像素单位;百分比(参照盒子自身尺寸)transform:translateX();transform:translateY();如果transla原创 2022-03-04 20:01:22 · 84 阅读 · 0 评论