文章库ARTICLE COLUMN

  • css3新特性总结

    css3新特性总结

    摘要:六过渡和动画过渡效果,通过指定某些属性和变幻参数,以原始定义为开始状态,通过鼠标操作变化,状态定义结束状态,实现过渡效果。 一、圆角边框 border-radius:5px; 二、多背景图 background: url(img_flwr.gif) right bottom no-repeat, url(paper.g...

    novonovo 评论0 收藏0
  • gulp--sass

    gulp--sass

    摘要:复制文件在一个临时的地方并进行修改,任务只在开始和结束,节省流作为项目的开发依赖安装在项目根目录下创建一个名为的文件将你的默认的任务代码放在这安装为项目依赖和安装完整代码添加任务自动修复插件将你的默认的任务代码放在这监测文件的改 gulp...

    olleolle 评论0 收藏0
  • 大话css预编译处理(三):基础语法篇

    大话css预编译处理(三):基础语法篇

    摘要:值得庆幸的是,这三款预处理器语言的语法和语法都差不多。在这一节中,我们依次来对比一下这三款预处理器语言各种特性的异同之处,以及使用方法。预处理器语言支持任何变量例如颜色数值文本。 一、Sass、LESS和Stylus的语法 每一种语言都有自己一定的...

    刘东刘东 评论0 收藏0
  • Create React App 使用

    Create React App 使用

    摘要:作为大前端时代的页面仔,工作至今,在项目中一直使用的是,很遗憾对的了解仅限于几个版本之前官方文档与网上的教程。新春伊始,有幸在下一个项目中用到,既是从零开始,不妨写一点东西以记录学习的过程,这也是用了一上午搭建这个博客的初衷。 作为大...

    ispringispring 评论0 收藏0
  • 前端_CSS

    前端_CSS

    摘要:层叠样式表控制网页的样式选择器区分大小写通过选择器来定位文档对象模型的元素将各种样式规则应用在元素上改变元素在页面上的显示方式使用方式内联样式内部样式外部样式盒模型标准盒模型盒模型空间内边距外边距边框块级元素行内元素块级元素默认宽度是...

    HackerShellHackerShell 评论0 收藏0
  • 知识整理之CSS篇

    知识整理之CSS篇

    摘要:如对知识点感兴趣,可移步至知识整理之篇就是针对不同的浏览器或不同版本浏览器写特定的样式达到让浏览器兼容的过程。对于伪元素的定义伪元素在中创建了一些抽象元素,这些对象不存在与常文档流中。隐藏元素的几种方法该属性隐藏元素,单元素在文档流中...

    ermaoLermaoL 评论0 收藏0
  • 在微信小程序中创建属于自己的个性弹框

    在微信小程序中创建属于自己的个性弹框

    摘要:于是我自己写一个我的页面专用的弹框,具体效果如下图以下是代码贴图最外层的样式主要是写后面的遮罩层,就是具体的弹框区域弹框的显示隐藏用控制然后就可以在弹框中写自己想要展示的效果啦忽略部分未调整样式 微信小程序提供的弹框模版就3种:1、消息...

    luckluck 评论0 收藏0
  • css的content属性

    css的content属性

    摘要:属性一般用于伪元素中,用于呈现伪元素的内容。平时属性值我们用的最多的就是给个纯字符,其实它还有很多值可供选择。 content属性一般用于::before、::after伪元素中,用于呈现伪元素的内容。平时content属性值我们用的最多的就是给个纯字符,其实它...

    刘永祥刘永祥 评论0 收藏0
  • 前端菜鸟笔记 Day-5 CSS 高级

    前端菜鸟笔记 Day-5 CSS 高级

    摘要:绝对长度单位视输出介质而定,不依赖于环境显示器分辨率操作系统等。个人静态博客气泡的前端日记 文章大纲来源:【Day 5】CSS 高级 CSS 选择器 CSS 拓展 CSS 单位 CSS 参考手册 CSS 选择器 内容引用:CSS 选择器 元素选择器 html { ... } 选择器分组...

    Tony_ZbyTony_Zby 评论0 收藏0
  • 胡子哥的重学前端(笔记)css语法

    胡子哥的重学前端(笔记)css语法

    摘要:规则在外部样式表文件内使用。指定该样式表使用的字符编码。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。上说没有浏览器支持,暂不研究允许子孙元素使用取值序列中的值循环替换继承而来的值。函数返回选择元素的属性值。...

    kelvinleekelvinlee 评论0 收藏0
  • 浮动元素

    浮动元素

    摘要:对于的清除浮动,一定要牢记这个规则只能影响使用清除的元素本身,不能影响其他元素。本例中的左边有浮动元素,因此只要在的样式中使用来指定元素左边不允许出现浮动元素,这样就被迫下移一行。对于右浮动也亦是如此。 块级元素与行内元素,怎么用CSS...

    Me_KunMe_Kun 评论0 收藏0
  • 2-清除浮动

    2-清除浮动

    摘要:清除浮动的方法加高度扩展性不好给父级加浮动页面中所有元素都加浮动,左右自动失效清浮动方法左右失效空标签清除浮动最小高度解决后下还有偏差清浮动不符合工作中结构样式行为,三者分离的要求清浮动伪类清浮动 清除浮动的方法:1、加高度 (扩展性不...

    GeekGhcGeekGhc 评论0 收藏0
  • css-flex常见面试题

    css-flex常见面试题

    摘要:废话不多说内容宽度等分左右布局,一侧定宽,一侧自适应撑满固定宽度自适应宽度未知高宽上下左右居中未知高度上下左右居中这个效果就不展示了,可以做到未知宽高,和已知宽未知高的居中效果。 废话不多说! flex-内容宽度等分 //css .box { ...

    ZweiZhaoZweiZhao 评论0 收藏0
  • CSS3常见技巧(二):如何用CSS3来实现三角形?

    CSS3常见技巧(二):如何用CSS3来实现三角形?

    摘要:站长博客如何使用来画一个三角形经常令人非常感到困惑,其实原理上是宽度相等的边距以度来连接。代码如下实现效果如图 站长博客:https://www.pipipi.net/ 如何使用CSS3来画一个三角形经常令人非常感到困惑,其实原理上是宽度相等的边距以45度来连接。...

    Jonathan ShieberJonathan Shieber 评论0 收藏0
  • Web前端开发过程踩过的坑以及一些小方法技巧(持续更新)

    Web前端开发过程踩过的坑以及一些小方法技巧(持续更新)

    摘要:一上浏览器使用不允许事件代理到上选择器以上绑定可能会出现点击失效的情况。对于,如果工具是以下版本,在中加入以下代码以上的版本加入以下代码八开发对于文件的处理问题。解决方法有给元素设置绝对定位即可。元素换成内联元素,如。 一、iOS上浏览...

    张春雷张春雷 评论0 收藏0
  • 过节很无聊?还是用 JavaScript 写一个脑力小游戏吧!

    过节很无聊?还是用 JavaScript 写一个脑力小游戏吧!

    摘要:作者疯狂的技术宅原文本文首发微信公众号欢迎关注,每天都给你推送新鲜的前端技术文章本教程使用了,和的基本的技术。我们将讨论数据属性定位透视转换事件处理超时和三元组。你不需要在编程方面有太多的知识和经验就能看懂,不过还是需要知道,和都是什...

    AccemlAcceml 评论0 收藏0
  • 前端菜鸟笔记 Day-4 CSS布局

    前端菜鸟笔记 Day-4 CSS布局

    摘要:元素框从文档流完全删除,并相对于其包含块定位。简单来说就是,元素不再占用任何文档流的空间,只剩下相对于包含块的定位显示。行框和清理浮动框旁边的行框会被缩短,使行框围绕浮动框,所以创建浮动框可以使文本围绕图像。 文章大纲来源:【Day 3】H...

    go4itgo4it 评论0 收藏0
  • svg animation动画应用

    svg animation动画应用

    摘要:建议直接用同学给的编辑器打开后直接引用,因为贝塞尔曲线真的不是随便就能住的。。。 最近在做首页动画的时候,引入有背景色的mp4动图时,动图的背景色不能很好的融入相同背景色的不同浏览器和不同显示器,出现了下图这种尴尬的情况: showImg("https...

    spacewanderspacewander 评论0 收藏0
  • 前端菜鸟笔记 Day-3 CSS基础

    前端菜鸟笔记 Day-3 CSS基础

    摘要:派生选择器依据元素的位置关系来定义样式。称其为上下文选择器,称其为派生选择器。在现在布局中,选择器常常用于建立派生选择器。和一样,也可被用作派生选择器。 文章大纲来源:【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表(...

    mingzhongmingzhong 评论0 收藏0
  • JavaScript常用工具方法封装

    JavaScript常用工具方法封装

    因为工作中经常用到这些方法,所有便把这些方法进行了总结。 JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === "String" } isNumber (o) { //是否数字 return Object....

    孙淑建孙淑建 评论0 收藏0
  • CSS兼容性

    CSS兼容性

    属性 IE Chrome Firefox Safari Opera iOS Safari Android Browser Android Chrome text-shadow 10.0+ 3.5+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+ text-transform 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

    chavesguchavesgu 评论0 收藏0
  • CSS常见问题

    CSS常见问题

    摘要:适配全屏它有三个可选值可视窗口完全包含网页内容网页内容完全覆盖可视窗口同的作用边框设置更改元素位置多行时,最后一行元素左对齐在多行布局中,这个属性如果最后一行元素没有填满,会导致最后一行元素两端对齐解决方案添加空的元素缺少几个 1.适配...

    SimpleTriangleSimpleTriangle 评论0 收藏0
  • 12个令人惊叹的CSS实验项目

    12个令人惊叹的CSS实验项目

    摘要:看看这些惊人的纯实验,也许你自己也可以尝试一下。项目链接叠叠高游戏你可以不用来编写一个游戏。这个纯粹用实现的叠叠高游戏看上去很简单,但是很有趣,而且图形也很漂亮。项目链接鬼影渐变效果按钮令人惊讶的是它是只用编写的。 翻译:疯狂的技术宅...

    LiuZhLiuZh 评论0 收藏0
  • CSS粘性定位是怎样工作的

    CSS粘性定位是怎样工作的

    摘要:怎样才能让粘性定位起作用粘性定位有两个主要部分,粘性元素和粘性容器。这是粘性元素可以浮动的最大区域。最好是在以粘性容器底部为自然位置的元素上使用它。 翻译:疯狂的技术宅原文:https://medium.com/@elad/css-... 本文首发微信公众号:jingc...

    WildcardWildcard 评论0 收藏0
  • React学习笔记1---起步

    React学习笔记1---起步

    摘要:一开发环境准备安装命令行输入检验是否安装成功安装命令行输入检验是否安装成功安装命令行输入二构建并启动三围绕衍生出的思考声名式开发可以与其他框架并存组件化单向数据流视图层框架函数式编程 一、开发环境准备 安装node 命令行输入node -v检验...

    YumenokanataYumenokanata 评论0 收藏0

热门文章

<