文章库ARTICLE COLUMN

  • 开发一个自己的 CSS 框架(二)

    开发一个自己的 CSS 框架(二)

    摘要:还有另外一种继承。区块间隔辅助类内边距与外边距居中辅助类一个是基于居中,一个是基于居中,居中样式必须放在父类上。 showImg("https://segmentfault.com/img/remote/1460000015559689?w=432&h=463"); 这一期我们来添加按钮的图标,与常用的附加类...

    testHstestHs 评论0 收藏0
  • [CSS]关于Flexbox

    [CSS]关于Flexbox

    摘要:如何使用上述代码中,中三个,可以将称为父元素,称为子元素。此时子元素就会变成项目。与写为是一样的,表示任何正数。总结阅读完原文链接中的文章收获颇多,了解了模型,跟着最后的提示做出了一个相关。同时也了解了响应式设计的一点皮毛。 如何使用...

    elisa.yangelisa.yang 评论0 收藏0
  • 分享一个写给女朋友的两周年纪念网页

    分享一个写给女朋友的两周年纪念网页

    摘要:两周年纪念日网页这个小小的网页是两周年纪念日的时候做的,送给女朋友,也是第一次做这种东西。最终女朋友看到了也被感动到了,有女朋友的程序猿们可以借鉴一下啦。想要达到撩人的效果,最重要的还是文字啦。背景告白气球特效扒自网络,非自己编写。 ...

    yeoooyeooo 评论0 收藏0
  • 如何更愉快地使用em —— 别说你懂CSS相对单位

    如何更愉快地使用em —— 别说你懂CSS相对单位

    摘要:相对单位的值会根据外部影响因素的变化而变化。很自然,相对单位使用起来会比较困难。在本章中,我将揭开相对单位的神秘面纱。重点来了,使用相对单位声明的值会由浏览器转化为一个绝对值,我们称之为计算值。 showImg("https://segmentfault.com/img/...

    gekylingekylin 评论0 收藏0
  • 前端开发工作一年小记

    前端开发工作一年小记

    摘要:前端开发工作一年小记作者云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端,好的记忆。 前端开发工作一年小记 作者/云荒杯倾再过几天,就是我作为一名小小的前端工程师工作整整一年的日子了。而且...

    AshinAshin 评论0 收藏0
  • 前端每日实战:72# 视频演示如何用纯 CSS 创作气泡填色的按钮特效

    前端每日实战:72# 视频演示如何用纯 CSS 创作气泡填色的按钮特效

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbdsdA?w=500&h=500"); 效果预览 按下右侧的点击预览...

    MarvinZhangMarvinZhang 评论0 收藏0
  • 小程序自定义switch组件

    小程序自定义switch组件

    摘要:如上图,小程序中的组件只能自定义颜色,不能自定义宽高,所以就开始了自己写组件。自定义组件构思从父组件传来值有高度,宽度,选中时背景,未选中背景,是否选中的状态值宽高单位为。 showImg("https://segmentfault.com/img/bVbds1i?w=1744&h=926")...

    Little_XMLittle_XM 评论0 收藏0
  • 前端每日实战:74# 视频演示如何用纯 CSS 创作一台 MacBook Pro

    前端每日实战:74# 视频演示如何用纯 CSS 创作一台 MacBook Pro

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbdugI?w=500&h=500"); 效果预览 按下右侧的点击预览...

    用户84用户84 评论0 收藏0
  • 前端每日实战:73# 视频演示如何用纯 CSS 创作一只卡通狐狸

    前端每日实战:73# 视频演示如何用纯 CSS 创作一只卡通狐狸

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素,即头和尾巴,再包含个元素,表示脸颊眼睛耳朵和鼻子。 showImg("https://segmentfault.co...

    IlikewhiteIlikewhite 评论0 收藏0
  • 伪元素 ::after 和 ::before 应该这么用(一)

    伪元素 ::after 和 ::before 应该这么用(一)

    摘要:伪元素被当做的样式来进行展现,用法和普通的元素用法是一样的。中的伪元素使用个冒号,在中,为了区分伪类和伪元素,规定伪元素使用个冒号。伪元素的特点优点不占用节点,减少节点数。不仅块级元素可以设置伪元素,大部分行级元素也可以。 1 什么是伪...

    BlackMassBlackMass 评论0 收藏0
  • 百度MIP技术快速入门(上)

    百度MIP技术快速入门(上)

    摘要:百度在一年前推出了称为的前端开发组件,主要目的是加速移动端网页的显示。不过呢,百度已经在开发了,的亮点即整站化,包括提供更多强大的组件更容易编写代码默认用开发自定义组件以及更快的运行速度等。 前言 「本文假定读者已经有初级的前端开发知...

    ityouknowityouknow 评论0 收藏0
  • 移动端总结

    移动端总结

    摘要:移动端的字体最开始的的方案是升级后的方案以前版本降级使用。在处理移动端边框的时候有两种方案,其中一种方案就是将还有一种方案就是通过伪类来处理。固定项栏页面基本上市面上所看到的移动端的页面都是固定头部和底部,少量的会加入侧边工具栏。 1...

    cjiecjie 评论0 收藏0
  • 前端每日实战:68# 视频演示如何用纯 CSS 创作一本色卡

    前端每日实战:68# 视频演示如何用纯 CSS 创作一本色卡

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbc07p?w=500&h=500"); 效果预览 按下右侧的点击预览...

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • css3 动画(二)贝塞尔曲线

    css3 动画(二)贝塞尔曲线

    摘要:根据方程的最高阶数,可以分为线性贝塞尔曲线二次贝塞尔曲线三次贝塞尔曲线以及更高次的贝塞尔曲线。贝塞尔曲线扫盲在中使用的函数,是一个三次贝塞尔曲线函数。三次贝塞尔曲线中四个点,在中第一个点和最后一个点是固定坐标的和是传入函数中的参数的。...

    soasmesoasme 评论0 收藏0
  • 对企业网站的一些看法

    对企业网站的一些看法

    摘要:网站样式减少冗余和污染不滥用选择器网站行为对人类友好,多注释,要为了写功能而写代码,尽量不要为了炫技而写语法糖。 前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正。 为什么要写此文章?把自己感觉对的用文字的形式记录下来...

    EsgynChinaEsgynChina 评论0 收藏0
  • CSS字体和文本相关

    CSS字体和文本相关

    摘要:本博文主要分为两部分,第一部分介绍字体属性,第二部分则介绍了文本常用属性二字体属性字体系列首先介绍一下什么是字体系列所谓字体系列我理解的就同一字体下的不同风格的具体字体的集合。这里的楷体,就可以看做是一个多带带的字体系列。 一 前言 目...

    xiaokaixiaokai 评论0 收藏0
  • CSS选择器

    CSS选择器

    摘要:一前言目前在做的练习,初步学习到内容,所以做了总结。这篇博文主要介绍了的选择器相关概念。 一 前言 目前在做IFE的练习,初步学习到CSS内容,所以做了总结。这篇博文主要介绍了CSS的选择器相关概念。 二 选择器类型 2.1 类型概述 CSS选择器 可以被...

    hlcfanhlcfan 评论0 收藏0
  • 前端每日实战:69# 视频演示如何用纯 CSS 创作一个单元素抛盒子的 loader

    前端每日实战:69# 视频演示如何用纯 CSS 创作一个单元素抛盒子的 loader

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,只有个元素居中显示画出一根木条用伪元素在其上画出一个盒子让图案倾斜,形成盒子在坡上的效果接下来制作动画。 showImg("https://segmentfault.com/img/bVbc4IU?w=500&h=500"); 效果预...

    _ang_ang 评论0 收藏0
  • CSS基本知识介绍

    CSS基本知识介绍

    一 前言 目前在做IFE的练习,初步学习到CSS内容,所以做了总结。本博文 主要分为两部分,第一部分介绍HTML的发展,第二部分则介绍了CSS基本概念 二 HTML的发展 2.1 语义化和结构化的重要性 S1 便于搜索引擎建立内容索引;S2 便于开发和维护;S3 便于盲人等特...

    YPHPYPHP 评论0 收藏0
  • BUI Webapp用于项目中的一点小心得

    BUI Webapp用于项目中的一点小心得

    摘要:接触也有一段时间,也用在了移动端的项目开发中,总的来说,该框架用起来也挺灵活的,控件可以自由定制,前提是自己能认真地学习该框架的,因为里面说的东西比较详细,如果没有仔细看的,可能有些功能点没有看到而导致一些效果弄不了,以下是我学习运用...

    harriszhharriszh 评论0 收藏0
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽

    前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbc8tF?w=500&h=500"); 效果预览 按下右侧的点击预览...

    kelvinleekelvinlee 评论0 收藏0
  • sublime text3 - 打造成小程序开发神器

    sublime text3 - 打造成小程序开发神器

    Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,插件在手,界面可以很华丽,代码可以很优雅,操作可以更简便,如果你是个喜欢折腾(喜新厌旧)的人,它绝对值得你拥有,花式玩转代码 最讨厌废话,直接上步骤 !!!!!!!!伸手党福利...

    dailybirddailybird 评论0 收藏0
  • 用vue开发一个公众号商城SPA——1.前期准备和写页面

    用vue开发一个公众号商城SPA——1.前期准备和写页面

    摘要:使用开发公众号商城第篇记录项目准备搭建,写页面遇到第问题以及总结,持续更新公司最近接了个商城项目,包括端商城微信公众号网页商城后台管理系统。这几天在做微信公众号商城,又新接触了很多东西。 使用vue开发公众号商城 第1篇记录项目准备、搭建...

    snowLusnowLu 评论0 收藏0
  • 埋坑一: vue中子组件调用兄弟组件方法

    埋坑一: vue中子组件调用兄弟组件方法

    摘要:小计开发中遇到子组件需要调用兄弟组件中的方法,如下写个小记录下心得,如果你有好的方法,请到评论区域指教父组件示例代码组件功能解析通过获取子组件事件,通过调用子组件中事件,实现子组件二的事件调用兄弟组件一中的事件子组件子组件引 小计: ...

    grafgraf 评论0 收藏0
  • 【Jquery】添加loading过渡遮罩

    【Jquery】添加loading过渡遮罩

    摘要:用打包一个项目,也打包在里,加载稍慢就会有有几秒钟页面呈现出一个没有样式的丑态,所以想设置一个白色遮罩,等加载完毕消失。然后等加载完之后执行消失的方法,这里利用的回调函数,过渡更加自然一些,想要花功夫调的话也有很大空间。 用webpack打...

    SolomonXieSolomonXie 评论0 收藏0

热门文章

<