文章库ARTICLE COLUMN

  • 大话css预编译处理(一)通读介绍篇

    大话css预编译处理(一)通读介绍篇

    摘要:使用预编译处理的优势使用预处理器,可以提供缺失的样式层复用机制减少冗余代码,提高样式代码的可维护性。所以我们在实际项目中衡量预编译方案时,还是得想想,比起带来的额外维护开销,预处理器有没有解决更大的麻烦。 一、什么是css预编译处理? CS...

    BackacheBackache 评论0 收藏0
  • css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)

    css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)

    摘要:对于来说,表示元素,除了优先级更高之外,与选择器相同。再做实验,前后分别设置两个空格时,获取到的值只有一个空格。结论设置值内联样式选择器选择器也都是会把多余空格变成一个空格。 今天突然发现一个有趣的现象document.querySelector(":root") ...

    ddongjian0000ddongjian0000 评论0 收藏0
  • @import '~common/stylus/mixin'中 ~ 的作用

    @import '~common/stylus/mixin'中 ~ 的作用

    摘要:在文件中,要引入相应的样式,经常会用到这种写法,为什么会用到查看了文档,发现这句话结合本人做的测试,发现这个和配置文件中有关,只有在配置文件中配置了,设置了相应的别名路径,才能通过别名来实现查找相应的文件。 在vue文件中,要引入相应的...

    LeviDingLeviDing 评论0 收藏0
  • 响应式布局方案

    响应式布局方案

    摘要:说到响应式布局方案,我们首先需要了解视口这个概念视口在早期的时候我们没有专门针对手机尺寸写的页面,所以在用手机浏览页面的时候我们看到的都是专门针对端的页面,在这种情况下页面会被严重压缩,而且会极大的影响页面的结构和布局,为了解决这个问...

    lowettlowett 评论0 收藏0
  • 三种方法实现CSS三栏布局

    三种方法实现CSS三栏布局

    摘要:本文由云社区发表作者前端林子本文会分别介绍三种实现三栏布局的方法,可在浏览器中打开查看效果方法一自身浮动的方法实现方法需要左栏向左浮动,右栏向右浮动,中间设左右来撑开距离实现三栏布局中间栏不要设宽度,包括左栏左浮右栏右浮,中间不 本文...

    hqmanhqman 评论0 收藏0
  • 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

热门文章

<