文章分类 -  前端

移动端
摘要：效果 一 .transform合写 变化 形式 transform 平移ranslate(X,Y)缩放scale(1.5)旋转 rotate(360deg)斜切skewX(30deg) X轴不变Y轴变倾斜角度 transition all 1s perspective （给父元素加） 透视 视距 指 阅读全文
posted @ 2021-09-15 18:02 包头市forever 阅读(69) 评论(0) 推荐(0)
字体图标的引入+精灵图
摘要：下载完毕之后，注意原先的文件不要删，后面会用。 unicode不推荐/fontclass推荐/symbol多色图标（JS）/svg找不到的上传图标至项目 把下载包里面的 fonts 文件夹放入页面根目录下 字体文件格式 不同浏览器所支持的字体格式是不一样的，字体图标之所以兼容，就是因为包含了主流浏览 阅读全文
posted @ 2021-03-15 19:59 包头市forever 阅读(24) 评论(0) 推荐(0)
HTML5+CSS3
摘要：基本IE9+以上版本浏览器支持，在IE9中，需要把这些元素转换为块级元素，语义化标签可多次使用 <header>:头部标签 <nav>导航标签 <article>内容标签 <section>定义文档某个区域 <aside>侧边栏标签 <footer>尾部标签 <audio>音频 <video>视频 阅读全文
posted @ 2021-03-14 21:50 包头市forever 阅读(56) 评论(0) 推荐(0)
用CSS画常用图标
摘要：工作中经常会用到箭头，加号，三角形等，直接让ui给出设计图icon当然可以，但是牵扯到对齐等操作，对图片的操作显然没有对div（小程序view）来的方便，所以我就在网上找了一些方法，个人仅做整理，并非原创，让我们开始！ 箭头＜＞∧∨ <div class="arrow right"></div> < 阅读全文
posted @ 2021-03-14 16:27 包头市forever 阅读(97) 评论(0) 推荐(0)
细节
摘要：1.静态页面： ①居中： | 居中对齐 | 方法 | | | | |先找版心 |①先给盒子设置宽高(margin：0 auto；）才会起效 不可直接100% | |margin:0 auto |加在父盒子身上，对浮动元素没用 | |text-align | 行内元素或行内块元素居中对齐 | |ver 阅读全文
posted @ 2021-03-03 15:59 包头市forever 阅读(22) 评论(0) 推荐(0)
DAY2 CSS
摘要：1.CSS初始化（京东） *{ margin:0; padding:0; } .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } em, i { font-st 阅读全文
posted @ 2021-02-07 23:25 包头市forever 阅读(26) 评论(0) 推荐(0)
DAY1 HTML
摘要：1. 链接标签(重点) 语法格式： <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a> 属性 作用 href 用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能 target 用于指定链接页面的打开方式，其取值有_self 阅读全文
posted @ 2021-02-06 16:48 包头市forever 阅读(34) 评论(0) 推荐(0)